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Welcome to 
^iProfessional, 

Photoshop 

Book 


As the go-to program for making even the most complex creative visions a reality, Photoshop has been 
an indispensable tool for photographers and designers for 25 years now. For seasoned users of this 
program, let the Professional Photoshop Book be your companion in continuing to bring to life the digital 
artwork of your imagination. For some it will provide inspiration for new artwork, while those sitting on 
a vast reserve of ideas will pick up hints on how best to bring them to life. In this sixth volume, we begin 
with some handy techniques for improving your work using Photoshop CC, before exploring artwork of 
the pros. Through step-by-step tutorials, follow the progress of designs that use techniques from several 
different disciplines: photo editing, photomanipulation, digital painting, post production, and graphics 
and new media. Those dedicated to learning from others and honing their craft need look no further for 
guidance in how to create flawless digital masterpieces. 
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08 45 ways to work smarter in 
Photoshop CC 

Tips, tricks and hacks to help you improve 
your workflow in CC 


Photo editing 


024 30 retouching tips for pros 

Iron out imperfections for flawless beauty 
shots and composites 

036 Master the perfect retouch 
with pro tips 

Learn how to create a beauty retouch 
without overworking the details 

042 Get custom filters in Filter 
Forge 3 

Discover how to build bespoke effects filters 
using this powerful plug-in 


Photomanipulation 


050 Build sci-fi cityscapes 

Create a futuristic Blade Runner style scene 
by combining rural and urban elements 


054 Create a dynamic 
photomanipulation 

Learn to control fire and rain using different 
design techniques 

060 Capture wood grain textures 

Get an organic and rural textures to add to 
dynamic photo edits 

064 Create your own frozen 
textures 

Craft icy textures to use in your digital 
projects 

068 Make custom leaf textures 

Source props from the natural 
environment to create realistic textures 

072 Master pro composites 

Learn new tips and techniques for creating 
expertly refined composites 


Digital painting 


080 Complete guide to brushes 

Get essential advice for portrait painting and 
the brushes you need for skin, hair and eyes 

088 Build unique brushes with 
Adobe Brush 

Paint an epic landscape using your own 
custom brushes 

094 Master pro painting 
techniques 

Paint a futuristic, eco-friendly cityscape 
using Photoshop brushes and tools 

100 Produce fantasy matte 
paintings 

Try out techniques for creating epic 
masterpieces with a sense of grandeur 
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144 Build a brand identity 

Develop and apply a brand identity for 
business marketing materials 

150 Master fresh type tricks 

Convey your message with great impact 
using dynamic typography 

156 Design a map 

How to design and lay out an illustrative 
map of your favourite destination 

162 Get that retro sci-fi look 

Create a classic retro design with this 
otherworldly tutorial 

168 Redesign a website 

Learn how to reconstruct content to perfect 
user experience 


106 Create comic art 

Develop your comic characters into full 
artworks 


Post production 


114 Game on 

Go behind the scenes on the creation of some 
of the word's biggest game landscapes 

124 Design game art 

Flesh out gaming characters using custom 
brushes and adjustment layers 

130 Build a 3D infographic 

Develop a new style of presenting 
information and data in a visual way 

136 Create pro key art 

Learn how to create an epic video game key 
art to capture the audience 


Graphics & new media 
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45 WAYS TO WORK SMARTER IN 


PHOTOSHOP CC 


TIPS, TRICKS AND HACKS TO HELP YOU IMPROVE YOUR WORKFLOW, BE 
MORE EFFICIENT AND DISCOVER THE BEST TOOLS FOR THE JOB AT HAND, 
WITH ADVICE FROM PROS IN THE INDUSTRY 
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01. IMPROVE YOUR CC WORKFLOW 

Adobe Community Professional and illustrator Gavin Campbell (www.thewhitehawk.co.uk) shares the three 
distinct features in CC that he thinks “greatly enhance workflows for designers, illustrator and photographers”. 




Focus Area selection tool: This tool 
figures out what is in focus based on the 
amount of detail present in the image. 
You can then make selections from the 
focus area. This is a great time-saving 
alternative to the Pen tool for images 
where the main subject is in focus and 
the background is not 



Upsampling tool: The most useful feature 
for print designers or anyone who often 
works with lower-res images that need to 
be scaled up, is the Intelligent Upsampling 
tool. You can now resize images directly 
within Photoshop while maintaining the 
required detail, without resorting to 
third-party plug-ins 



Non-destructive elements: Having the 
ability to apply filters and effects in a 
non-destructive way is a huge bonus to 
everyone usine CC. This is because it allows 
you to play with the effects to enhance your 
image without actually having to commit to 
them or duplicate the layer 





02. CREATE QUICK 
TEXTURES WITH 
BRUSHES 

Freelance illustrator Natalie Smillie (www. 
nataliesmiUie.com) saves time in her workflow 
when creating her quirky and distinctive designs by 
making use of brushes: “I like to use lots of texture 
and to achieve this I use brushes. Some people 
prefer using a texture image and layer tblending] 
modes, and while I do that sometimes, tmost] of the 
time I’ve directly painted any textures tthat] I want. 
This is to give me greater control over where the 
colours and textures are painted, and makes my 
work a lot more efficient. IThis means that] I don’t 
have to spend time masking out areas where I don’t 
want texture. 

My favourite brushes are Kyle T Webster’s (www. 
kyletwebster.com/for-sale/). He makes absolutely 



wonderful brushes that simulate traditional media, 
and this is fantastic for a digital artist who loves to 
work with a traditional look! The Gouache brushes 
are my favourites; they give a marvellous, rough and 
gritty texture while still retaining a lot of controllability 
on the screen. I use a Wacom Bamboo tablet, and 
take full advantage of the pressure sensitivity with 
these brushes - the softer and more delicate I am, 
the softer the mark I make. I can vary the strength of 
the mark I make and also blend colours easily into 
one another. I also vary the opacity of the brush and 
build colour in gradually.” 



03. MASTER THE FIELD BLUR 

David Cousens (www.CoolSurface.com) tells us 
why you should get to know the new CC Blur Gallery: 
“My favourite time-saving additions to Photoshop CC 
are in the revamped Blur Gallery. In older versions, 
adding blurs to your illustrations and photos was a 
bit of a song and dance where you’d have to apply a 
Gaussian Blur to a duplicated layer and then use a 
layer mask, an airbrush and the Gradient Fill tool to 
control the blurring effect revealing the original 
image underneath. 

When Photoshop CC introduced the Field Blur, life 
became so much simpler. Click Filter>Blur>Field 
Blur and you will start with a ‘pin’ that acts as a focus 
point for the blur. You can click and drag this pin to 
any point in your image that you want blurred. So far 
it just looks a standard blur, but click anywhere else 
and you will create another pin; if you change the 
amount of the blurring (by dragging the circle slider 
around the pin), it will fade from one pin to the next. 
You can add as many pins as you want, each with its 
own blur value, and you can view the changes in real 
time, which gives you a huge amount of control over 
which aspects of your image are blurred so you can 
make sure your audience is focussing exactly where 
you want them to.” 
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04. FOUR APRS TO ENHANCE PRODUCTIVITY 



ADOBE CREATIVE CLOUD 


Compatibility: iOS 8.1 or later 
If you use Creative Cloud to store and manage your 
artwork, then this app is included as part of your 
membership. Use it to browse and preview PSDs 
and other design files from your iPhone or iPad, 
which is handy if you’re in a meeting and you need 
to quickly reference files. As Creative Cloud lets 
you collaborate with others, you can view 
comments, feedback and ratings on the move - 
perfect for when you are away from the office. 


ADOBE COLOR CC ^ 

Price: Free J 

Compatibility: iOS 7.0 or later 
This app used to be known as Adobe Kuler, but 
has been updated for CC. It lets you capture 
colour combinations when you are out and about 
using your iPad or iPhone’s camera. The app then 
extracts the colours, which you can save as a 
theme. The theme is instantly uploaded to your 
other Adobe apps if you are connected to the 
Creative Cloud and you can share them with 
others via social media or email. 



BEHANCE CREATIVE 

PORTFOLIO ^ 

Price: Free 

Compatibility: iOS 7.0 or later; Android 4.0 or 
later 

Two apps from Behance with close links to 
Photoshop. Desktop CC lets you link to your 
Behance portfolio and upload artwork, and these 
apps help you take your portfolio and 
inspirational artwork from other artists with you 
on the move. The main Behance app lets you 
browse the latest images on the website. The 
Creative Portfolio app lets you showcase your 
own artwork in an aesthetic manner, which is 
perfect for client meetings. 
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CREATIVE CLOUD TUTORIALS 

Price: Free 

Compatibility: iOS 7.0 or later 
If you’re still learning about Photoshop CC, or 
hoping to pick up a new program in the CC range, 
such as After Effects or Illustrator, then this free 
app gives you access to over 700 tutorials all 
about the different Creative Cloud apps. If you find 
yourself on a long commute with nothing to do, 
then you can still be productive by watching some 
of these videos and picking up pro tips. 



05. EASY COLOUR-GRADING 
TECHNIQUES 

Colour grading in Photoshop to get that truly 
cinematic effect takes experience from a practiced 
pro. If you are struggling to achieve the look you 
desire, then digital artist Antti Karppinen (www. 
anttikarppinen.com) has some words of advice to 
help you get the right effect without wasted effort: “I 
use various techniques when I colour grade my 
images. When the image is retouched to the point 
where I’m happy with it, I will start colour grading the 
image. First, I will try to find the overall tone to suit 
the image by putting a Selective Color adjustment 
layer on top of it. I choose White from the Colors 
drop-down and use sliders to get the highlights and 
lighter shades done. Then I select Blacks and tone 
the darker areas of the image. Last, I select Neutrals 
from the list and tweak the overall tones. 

Similar shading can also be achieved with a Color 
Balance adjustment layer, selecting the separate 
areas from the drop-down menu (Shadows, 
Midtones, Flighlights) and tweaking the sliders the 
way you want. 

After this, I will add a Curves adjustment layer. 
Sometimes I like [slightly] washed-out colours so I 
will use Curves to add that washed-out feel to the 
black tones of the image. I also usually select other 
channels like Blue and turn the darker side more to 
the blue, and the lighter side more to the Yellow. In 
addition, on this image I used circular Gradient Map 
adjustment layers to get washed-out colour streaks 
at the edges of the image.” 
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KEVIN ROODHORST (WWW.KEVINROODHORST.COM) DIGITAL ARTIST AT 
CREATIVE ADVERTISING STUDIO, SOUVEREIN, TALKS US THROUGH HIS 
WORKSPACE LAYOUT TO HELP HIM MAXIMISE HIS WORKFLOW 


Workspace setup: "I use a 
workspace setup for one screen. 
I choose to auto-collapse panels 
because this will give you the 
most space to work with" 


4 

* 

*■ Use shortcuts: "1 use '0' for Dodge 

* and Burn, 'R' for Rotate canvas, 

n Cmd/Ctrl+Opt/Alt+1 for Image Size, 

jr Cmd/Ctrl+Space+Zoom in or out to 

quickly navieate, Cmd/Ctrl+Opt/ 
Alt+G to clip layers and Cmd/Ctrl+G 
to group selected layers" 




Actions palette: "Operations that 
require certain steps can be 
automated. You can record the 
steps and easily press play whenever 
you want that action. 1 use it, for 
example, to add noise to an image 
or to scale something" 


History palette: "The History 
palette is very handy to go a 
couple of steps back. This is way 
more efficient then pressing Cmd/ 
Ctrl+Z multiple times. Especially 
when working with a client sitting 
next to you, you can easily go to a 
certain stage in your project" 
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Brush palette: "[1 mostly use] the 
Brush palette to switch, for example, 
between Transfer, Shape Dynamics or 
Scattering. When you have the brush 
selected, Cmd/Ctrl+right-click to 
quickly choose another brush" 


Adjustment properties: "The 
adjustment properties window is 
a must have in your workspace. 
This controls all the adjustment 
layers. To speed up your workflow, 
set a keyboard shortcut for every 
adjustment layer" 


I. 



07. SPEED UP MOBILE DESIGN 
WITH INK AND SLIDE 

Only launched at the end of 20 1 4, Adobe’s Ink and 
Slide tools are designed to help digital artists and 
designers who work on the go using an iPad, to 
create more accurate work. Ink is a fine-tip 
pressure-sensitive pen that can be used to draw 
precisely on the move. Slide is a digital ruler that 
complements the Ink, helping to create pixel- 
accurate shapes. The technology is provided by 
Adonit and is shipped from the company in the US. 
This means that UK-based customers, and those 
around the world, need to allow for shipping costs on 
top of the $1 74.99 for the products (which works out 
as $1 3-$1 5 to mainland UK). If you struggle to draw 
accurately on the iPad, then this could be a real 
time-saver and enhance your workflow. Even though 
it’s fairly expensive, it’s an investment. 



D8. FINISH WITH HDR TONING 

Knowing the tricks to giving your images that 
high-end finish can really help your work stand 
out. Illustrator Alexis Marcou (www. 
alexismarcou.com) uses CC’s HDR Toning option 
on his work: “A very useful filter that I add to 
almost all of my illustrations at the end of a 
project is HDR Toning (located under 


lmage>Mode>HDR Toning). At the end of a 
project, I duplicate the whole composition with 
all the layers intact and then I flatten it. I then 
select HDR Toning where I do some minor 
adjustments. I tweak the Detail and Strength, 
and after I am done I use this as a filter on my 
final composition. I place it above all the layers 
and erase [areas] I don’t want so detailed”. 
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09. EXPLORE GUIDE LAYOUTS 

Photoshop CC has greatly improved its guides, which 
certainly isn’t the most exciting thing in the world, but 
they are incredibly useful and can save you lots of 
time when it comes to alignment. For one, you can 
use an existing shape or object on your screen to 
produce guides, using the View>New Guides From 
Shape option. This will place guidelines around the 
boundaries of your shape or object that is selected in 
the Layers panel. This can help you align multiple 
shapes from one central point. 

If you need more advanced guide control, then you 
can go to View>New Guide Layout, which presents a 
dialog with all of your options. If you already have 
guides on-screen, you can tick Clear Existing Guides, 
and also tick Preview so you can see your guide 
layout as you work. You can input values to add 
Columns and Rows, the Gutter value and Margins as 
needed, which makes doing complex layouts - in 
particular for print design - much easier. 


10. USE LINKED FILES 

JAMES GODDEN (WWW.JAMESGODDENDESIGN.COM), DESIGNER AT WHITEHYPE STUDIO 
SOUTHAMPTON, TAKES US THROUGH THE CC TIME-SAVER THAT IS LINKED FILES. 



m l PLACE LINKED 

I In the apparel graphics and print 
industry there is often a need to quickly re-colour 
artwork to suit trends, and this feature has 
proved to be a massive time-saver. To insert a 
linked file click File>Place Linked and navigate to 
the file that you want to place. I’ve used a simple 
pattern swatch. 




QO I ADD ADJUSTMENTS 

I It’s important to remember that linked 
files are not actually contained within the 
document they are linked to, but are stored 
externally until they are rasterised. Flere, the linked 
file had been edited with a Displacement Map 
smart filter and has a couple of adjustment layers 
applied to it. 

riQ I EDIT LINKED FILE 

I To quickly re-colour the swatch, 
double-click on the link icon in the bottom-right 
corner of the layer thumbnail. As the original 
artwork was an Al file. Illustrator will open. Make 
your changes. Save and Photoshop will update the 
linked file. Multiple files can be inserted, allowing 
you to edit one master file instead of each one. 



i 11. MOBILE VECTOR SHAPES 

-h Recently, Adobe has been announcing a whole 
flurry of mobile apps to work alongside Photoshop 
£ CC and these can really help you stay productive 
when you are on the move. For example. Shape CC 
(similar to the Brush CC app featured later) lets you 
turn anything you see on your travels into a vector 
shape that can be imported into Photoshop or 
Illustrator for when you are out and about. You can 
take a picture with your iPhone or iPad (the apps 
are iOS only), upload from your camera roll or use 
assets from your Creative Cloud, then tweak the 
image to define the shape that you want to use. 

This literally opens up the whole world as potential 
sources of inspiration and assets, which is very 
exciting. Also, with the apps being free, and only the 
basic free Creative Cloud membership needed, they 
are worth trying. 


12. USING SMART GUIDES 

Graphic designer Jonathon Garratt (www.behance. 
net/jgarratt) agrees that for him, “the introduction of 
smart guides in Photoshop has been surprisingly 
useful and quite intuitive”. Fie explains the features 
that have appealed to him: “With any piece of work 
you are putting together, it can be a great time-saver 
to have an automatic marker pop up rather than 
having to manually draw guides. With the update of 
Photoshop CC, the smart guides have almost caught 
up with InDesign and Illustrator, and when you’re 
putting artwork together that has to align to other 
layers in the file, this is incredibly useful. The smart 
guides in CC also allow you to see measurements 
for an individual layer. Flolding Cmd/Ctrl while 
hovering over a selected layer brings up the guides, 
showing the exact proximity to its surrounding 
layers. This is particularly useful when duplicating 
objects and holding down the Opt/ Alt key will 
measure the distance between them.” 
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13. CREATE CUSTOM BRUSHES ON THE GO 

USE THE NEW ADOBE BRUSH CC APR TO SIMPLY CREATE BRUSHES, WHEREVER YOU ARE, FOR USE IN PHOTOSHOP 



m l CHOOSE A SOURCE IMAGE 

I Open the app and choose the +’ icon 
from the side of the screen. You can import 
images already on your device, use the camera 
to snap something or pick from your Creative 
Cloud files. When you are happy with the image, 
click the tick to open it in the app. 



SET TARGET AND ANGLE 

The first thing that you need to do is set 
your intended use - in our case this is 
Photoshop. This greyscales the image ready for 
using as a custom brush. You can also change 
the Angle of the brush strokes from the same 
screen, so that it flows in the best manner. 



I EDIT THE BRUSH 

I You can crop areas of your image to use for 
the brush from the Crop section. In Refine, you can 
determine the white masking areas and manually 
erase parts of the image. The section on the right is 
for testing your brush, changing the colour, flow and 
size. Finally, you can save the brush. 






All finished: "That's it! You're done 
blurring the image. A process that 
used to take more than one go is 
simplified using this new method" 


Path Blur: "Go to Filter>Blur Gallery>Path Blur. Now make a path 
like the one shown in the picture below (you can double-click to 
end the path and click again to start another one)" 


14. USE PATH BLUR 

The CC Blur Gallery has attracted a lot of attention 
from digital art professionals, as it cuts down on 
the time taken to achieve powerful blur effects. 
The Path Blur in particular is one that takes a 
series of once-complicated steps and deals with 
them in a single interface. Video game producer 
and digital artist Berli Mike (www.brlmk.net), 
used the Path Blur (Filter>Blur Gallery>Path Blur) 
in the creation of this image: “This tool enables 
you to make motion blur in several directions in 


one go. Unlike the Motion Blur option, which will 
make your image blurred along a specific angle, 
this tool allows you to customise the way you 
want to blur your image, or sections on your 
work, with paths (just like the Pen tool). This 
image required me to make a directional blur in 
specific areas in order to make the splash look 
like it was coming out of the face.” Flere Berli Mike 
shares with us the steps he went through to 
create the blur in this colourful image using the 
Path Blur function. 


Masking: "To make the blur appear in specific areas (in this case, 
at the pin point of the outside splashes), mask the image, but 
instead of clicking the Mask button, use Opt/Alt-click. This will 
make a black mask (hiding all of the blur), so that you can 
precisely blur the points of each splash without worrying about 
the other parts of the image that you have to erase (if you're using 
the plain white mask)" 


Curved paths: "As I already mentioned, just like Pen tool, to make 
a curved path you can add a point inside a path and move it 
around to bend it. Apply the blur and you'll have your image 
blurred out just like it displays in the preview" 
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15. USE THE NEW WELCOME 
SCREEN 

Welcome screens in software programs are often 
seen as an unwelcome annoyance, which goes quite 
against their name! However, the Photoshop CC 
Welcome screen has been considerably improved, 
and if you have been clicking through to get rid of it 
without really looking, then you could be missing out. 
The first page. Create, gives you quick links to 
common document sizes and recent files. New 
Features gives you a quick overview of the latest 
updates, which are categorised by the date that they 
were introduced. Getting Started has videos for 
beginners to Photoshop, which more advanced users 
can probably skip. The Tips & Techniques videos 
though, are great for learning the newer tools quickly. 
You can still click the checkbox to have the Welcome 
screen not come up, but it is worth looking at from 
time to time. 



NORMAL 


16. USE HIGH PASS AS A 
FINAL STEP 

If you are forever sharpening your images to get 
that perfect finish, then try using the High Pass 
filter for great results that save you time and 
effort. Berli Mike (www.brlmk.net) exlains how 
he uses this method as a final step on all of his 
edits to make the whole image pop: “Why am I 
using High Pass instead of those Sharpening 
filters? Because it is safe and it’s not very 
destructive. The first thing you need to do is make 
a flattened layer by pressing Cmd/Ctrl+Opt/ 
Alt+Shift+E and change the blending mode to 


LINEAR LIGHT 


either Overlay, Hard Light or Linear Light 
(depending on the image you are working on). 
Here we will use Linear Light, since this blending 
mode will make the image as sharp as it can get 
without destructing the contrast itself. 

After you change the blending mode, press 
Cmd/Ctrl+U to bring up the Hue/Saturation 
adjustment dialog to desaturate the image to 
black and white. Then apply the High Pass filter, 
but never go beyond three pixels for the Radius or 
you’ll end up destroying your image instead of 
making it sharper. Here you can see the difference 
before and after we apply the High Pass.” 



17. UNDERSTAND CREATIVE 
CLOUD LIBRARIES 

Creative Cloud Libraries are incredibly useful if you 
use a lot of the mobile apps that Adobe has been 
releasing, as well as if you work across multiple 
Creative Cloud programs, such as Photoshop and 
Illustrator. Libraries can store everything that you 
create in apps like Color (for themes). Shapes CC (for 
vector shapes) and Brush CC (for custom brushes), 
or anything that you make in Photoshop and save 


them to the library. You can access your libraries 
online, as well by logging on to your Creative Cloud 
account. Assets can also be purchased from the 
Creative Cloud Marketplace, so there are a range of 
ways to capture assets to store in your libraries. 

Once you have assets, it is easy to drag and drop 
them into projects or click on them to use; for example, 
you can pick colours directly from the themes. If you 
are creating on the move with mobile apps, then as 
long as you are logged into your Creative Cloud 






account, these are instantly available in other apps and 
on the desktop programs. Working in combination with 
all of these tools will save you hours of time 
transferring files and hunting down assets. 

You can create multiple libraries as well, labelling 
them for different projects or types of asset. In order 
to view your libraries in Photoshop, you need to have 
the latest version of Photoshop CC (201 4.2.2, 
released in December 2014). If they are not open, you 
can select Window>Libraries. 
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18. COLLABORATE ON 
LIBRARIES 

Once you have your Creative Cloud Libraries set 
up, you can share them with others and allow 
them to add files to your library. This is very useful 
if you are working on a joint project and you all 
need access to the same assets, like text, logos 
and themes. In Photoshop CC, you can open the 
library that you want to share (it’s best to be 


organised and have a separate library for a single 
purpose). From the drop-down menu in the top 
right, you will see the Collaborate option. Click on 
this and your browser will open, taking you to your 
online Creative Cloud account. Here you can input 
email addresses of who you want to invite to your 
library and add a message. Users can view, edit, 
rename, move and delete assets, as well as invite 
or remove other collaborators. 


BEFORE 



19. CLONE ACROSS MULTIPLE 
IMAGES 

Save time and clone assets from one image to 
a new project to save time, says freelance 
graphic designer and Fashion Promotion 
student, Caroline Bowden (www.behance.net/ 
carolinebowden). “The Clone Stamp tool is a 
really quick way to remove any imperfections 
- use Opt/Alt and click on the area you want to 
clone. You’ll notice that when you move your 
mouse, the circle will contain the artwork that 
you cloned. Finally, simply click on the area 
that you want to be cloned and move your 
mouse to draw the cloned image in. No more 
re-shoots, just clone, clone, clone! This tool 
also works by cloning sections from other 
images into your image. For example, to 
design this Vans advert I decided to clone in the 
BMX rider from other photographs to create 
this action-packed advert that portrays the 
pathway he had taken.” 



20. USE SCRIPTED PATTERNS 

Scripted Patterns can speed up some tasks that you 
perform, but they used to be pretty hidden away. 
Now you can get to them directly via the 
Filter>Render. There are three different options to 
choose from and each have a multitude of options 
to play with. Picture Frame generates frames and 
you have a wide selection to choose from. You can 
customise the elements that make up the frame to 
get exactly the look you want and save them as 
presets. Tree inserts one of more than 30 tree 
shapes, each of which can be customised to suit, 
which can be real time-saver if you have landscape 
graphics to create. Finally, Flame, which is the 
newest of the three, generates a flame effect along 
a selected path of any shape, perfect for quick 
special effects. We’ve used a custom arrow shape, 
set to Path, to create our flame effect. 
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23. SPLIT TONING 

Split toning in Photoshop used to be a protracted 
process, but not anymore. Simply apply a Gradient 
Map adjustment layer, open the Gradient Editor and 
activate Photographic Toning. These hidden presets 
will apply effects with a single click. You can tweak 
colour Stops and save your own styles. 


arter in Photoshop CC 
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21. SCRUTINISE YOUR LAYER 
MASK 

When working with lots of layer masks you may 
forget which effects are where in your image. To see, 
simply Opt/ Alt-click a layer’s mask. This creates a 
black-to-white silhouette of your affected area. 


;22. HAIR GRAFTING WITH 
TRANSFORM 

Hair grafting is often applied to fix gaps in your 
model’s hair in the original image. This can occur 

1 ^ when the hair is pulled back and hair texture parts. 

I Fill in the gaps by copy and pasting hair from the 
surrounding area, then placing and fixing shape and 
direction using Transform>Warp. Blend edges using a 
layer mask applied with a 40% soft black brush to 
create smooth edge transitions. Curves can be 
applied to colour correct. 




Work smarter in Photoshop CC 



24. REAL-WORLD BRUSHES 

Hidden away in your Brush Presets are Erodible 
Brush settings, accessible with a selection of 
Photoshop brush styles. These are great at replicating 
real-world media such as pencil and crayon to 
simulate real-world application. As you work, your 
nib style will erode and soften just like it would with a 
traditional stylus. Just click the Sharpen Tip button to 
revert back to your original nib strength. This is a 
massive advantage for digital illustrators looking to 
create traditional looks. 



25. THE NEW LAYER PANEL 

It’s often said you should tag your layers to make 
them easier to find later on in the process. Now 


Photoshop CC shares the burden, letting you search 
your layer stack by Kind, Name, Effect, Mode, 
Attribute and Color. 



26. OPEN FILES FAST 

You may want to open a large file just to take a 
screenshot, or to flatten the file and share with 
a client. Rather than going to File>Open, select 


File>Open first then hold Cmd/Ctrl+Shift+Opt/ 
Alt and select your file. Your layer file will now 
open faster but it will open as a flat file for 
quick and easy access. 
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29. TRUE WEB COLOURS 

Matching colour values in the Photoshop Color Picker 
to your code editor used to be a very protracted 
process, with repeat journeys between your web 
inspector, your code editor and Photoshop. CC has 
resolved this, but you may not have guessed, as 
Photoshop now accepts hashtag entry. Hex colours 
and three-digit value tones are applicable in your 
Color Values, where you can keep track of the two 
different tones in Photoshop and your code editor. 

This will save you a lot of time. 


30. ACCURATE DEPTH OF FIELD 

When photomanipulating you’ll need to produce a 
good sense of depth of field to create realism. 
However, hastily applying Blur filters to your 
elements can mean you have to redo effects. 


Duplicating spare layers will double your file’s size, so 
comp your images together. When you need to add 
blur to a foreground or background element, you can 
convert its layer to a Smart Object first. Now you can 
apply Blur filters and tweak them. 





31. RAW SMART OBJECTS 

Some photo editors like using Camera Raw. Some 
like using Photoshop. Why not use both? Make 
your edits in Camera Raw then hold Shift and 
select Open Object. This will send your image to 


Photoshop as a Smart Object. You can add to this, 
but double-click your layer to reopen Camera Raw 
and edit your original settings. Camera RAW ships 
with CC, which should make for an even more 
improved workflow. 



32. SCRIPTED PATTERNS 

The Pattern Overlay layer style is often overlooked. To 
grab your attention this now lets you create your own 
scripted patterns. Simply create a single visual 
element or shape inside Photoshop, select and save 
this as a Pattern, activate your Fill dialog box 
(Shift+F5) and activate Scripted Patterns. You can 
choose from a list of presets that apply cool effects. 
These are perfect for designing wallpaper, fashion 
patterns and more. 



33.USETHEAUT0-SAVE 

Ever got halfway through a project only for 
Photoshop to crash out? Ever forgotten to save? 
Ever lost it all? Well now you don’t have to 
stomach the heartache, with Photoshop CC’s 
Auto-Save options. You can set intervals by going 
to Preferences>File Handling. 
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This is Photoshop's 

version of Lorem Ipsum. 


id elit, Dufs sed odfo sit amet 


34. THE NEW TYPE HIERARCHY 

Photoshop CC includes Paragraph and Character 
styles. Select Typography from the Workspace 
options to activate all associate panels. Create a 
Paragraph Style by adding a Type layer, selecting your 
type then double-clicking the Basic Paragraph layer. 
You can set options in the appearing dialog box, 
which initially save as your first Paragraph Style. 
Continue to create new presets by clicking the Create 
a New Paragraph Style icon and making settings in 
the associated dialog box. You can go back in and edit 
presets, saving by clicking the tickbox icon at the foot 
of the panel. Setting Character styles works in pretty 
much the same way. 


35. LEARN TO INTERPOLATE 

People will tell you that resizing an image in 
Photoshop can cause distortion and they’re 
right. However, you can minimise adverse 
effects by using the Interpolation options. You 
can find related commands in Preferences> 

General>lmage Interpolation menu options. 

Set Bicubic for transforming gradients. Bicubic Smoother for enlarging, and Bicubic Sharpening for reducing 
size. CC users can now find an Interpolation drop-down option in the above menu when activating the 
Transform>Scale option. Set this to Bicubic Automatic and Photoshop selects the right functionality for you 
when resizing. 




38. SELECT SKIN FAST 

There’s now a super-fast way for retouchers and 
photo editors to select skin. Activate the Marquee 
tool, Cmd/Ctrl-click your image and choose Color 
Range. Inside you’ll find Skin Toning in the Select 
dropdown options, editing targeted areas simply 
using the Fuzziness slider. This is just another 
awesome one-click option from Photoshop CC. 


37. OPTIMISE YOUR 
PERFORMANCE 

The Preferences panel may seem a little 
boring, but it’s littered with options that will 
ultimately determine Photoshop’s 
performance. This is a pretty important place 
to start to make the most of the program’s 
options. A few tips would be to keep your 
History States at reasonable values, so as not 


to have your History Palette devouring RAM. If 
you work with flat images or small PPI 
resolutions (up to SMB), set your Cache Levels 
between 1 and 2. Finally, always assign the right 
MB value in the Memory Usage>Let Photoshop 
Use settings. If you’re a dedicated Photoshop user, 
setting this up to 75% will have you fully optimised. 
However, if you multi-task in your browser and 
email systems then 50% is a safer option. 
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42. ANTI-CLOCKWISE 
TWIRL TOOL 

This is such a cool little operation that’s relatively 
unknown to many Photoshop enthusiasts. Activate 
the Liquify filter and apply the Twirl tool. You’ll see it 
operates clockwise. However, press the Opt/Alt 
key and, amazingly, it operates anti-clockwise. 
Something similar also happens with the Pucker 
and Bloat. 


41. CROP TOOLS 

With the updates to the Crop tool, your image 
now moves within the fixed boundaries of your 
cropped area, making it easier to align and 
scrutinise selected areas. This is complemented 
by the available set of View options, including 
Golden Ratio, Rule of Thirds and other guides. A 


40. ENHANCED LIQUIFY TOOL 

The Liquify tool has become a favourite among 
retouch enthusiasts. In the past professionals have 
shied away from this option, as the minimum size 
controls not only shifted and blurred pixels, but 
application was impossible at worst and jerky at 
best. This meant that constant revisions were 
required. However, thanks to Photoshop CC’s 
improved GPU-acceleration, Liquify functionality 
has been radicalised. Now application is live, 
meaning no more delayed rendering. Also Brush 
Size has improved from 1 ,500px to an impressive 
1 5,000px. This means better handling of pixels 
when editing and less distortion. 


one-click Rotate option lets you swap between 
landscape and portrait views. There is also a 
Perspective Crop tool, so apply this and adapt 
individual edge control points to correct and 
create symmetrical visual elements. This is a 
bonus for image editors looking to achieve 
keystone effects or create flat 2D textures. 


39. CONTENT-AWARE 
CUTOUTS 

You are now able to remove and reposition a 
model or object seamlessly in a single image. 
This is a great advantage when trying to create 
the most believable result possible. Simply make 
a selection of the model or object in question 
then press Cmd/Ctrl+J to duplicate a new layer. 
Cmd/Ctrl-click your duplicate model/object layer 
thumbnail and create a selection. Activate your 
original layer and press Cmd/Ctrl+F5, setting 
Content Use>Content-Aware in your Fill dialog 
box. This will fill in your selection by cloning the 
surrounding details into this space. Activate your 
duplicate model or object layer and apply the 
Edit>Puppet Warp tool to reposition seamlessly. 
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43. TYPE FILTERS 

Those familiar with the Type tool know that once you apply a type layer you can’t then go and add a filter to it, 
unless you rasterise. That’s not ideal if you want to resize your type layer, however, you can turn to the power of 
Smart Objects. Make your Type layer one by Cmd/Ctrl-clicking your layer and selecting Convert to Smart 
Object. 
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44. LAYER COMPS 

At one time or another you’ll probably need or want 
to be able to share multiple revisions of your work 
with others, so instead of cluttering your layer stack 
with Groups and Smart Objects, utilise the Layer 
Comps command. This feature lets you take 


snapshots of key edits in your layered images, save 
these as presets and play these stages back at any 
time. Just make sure to make your tweaks before 
clicking the Create New Layer Comp icon. You can 
have multiple Layer Comp presets activated through 
one-click functionality. 
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45. TAKE ADVANTAGE OF 
CONTENT-AWARE MOVE 

The Content-Aware Move tool in CC is a brilliant way to 
edit, especially when you want to reposition elements 
to new locations. It’s a great way to perfect composition 
in your snaps and minimise time-intensive retouching 
techniques. Make a selection of the element you want 
to move, then activate the Content-Aware Move tool 
and drag your selected item to its new position. 
Photoshop-automated cloning and healing fills the 
area you leave behind. However, be aware that 
artefacts can be left behind and minimal retouching 
may be required after all. Setting the correct Adaptation 
option will also help. The From Very Loose option 
selects more from the surrounding area, while Very 
Strict does exactly the opposite. 
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30 retouching tips for pros 

Iron out imperfections for flawless beauty 
shots and composites 

Master the perfect retouch 

Learn how to create a beauty retouch 
without overworking the details 

Get custom filters in Filter 
Forge 3 

Discover how to build bespoke effects filters 
using this powerful plug-in 

Build sci-fi cityscapes 

Create a futuristic Blade RunnersXyie scene 
by combining rural and urban elements 

The key to success is often 
leaving some impurities 
and letting the 
natural beauty come 
through. True success 
comes through a 
balance between perfection 
and imperfection 




Photo editing 



IT ISN’T JUST REMOVING SPOTS AND MAKING PEOPLE THINNER. 
RETOUOHING HAS BEOOME A PROFESSION WITH SPEOIALITIES AND AN 
ARTISTIC ENDEAVOUR IN ITS OWN RIGHT 


01. KNOW YOUR TOOLS 

“Commercial beauty and fashion retouchers have 
quite a streamlined set of tools,” says retoucher 
Daniel Meadows (www.dmd-digital-retouching. 
com). “The foundations are Clone/Heal, Dodge and 
Burn with filters, paint brushes and masks, but the 
majority of the time you’ll find yourself hitting J, S 
and 0 (Healing Brush, Clone Stamp and Dodge/Burn 
respectively), although most retouchers, including 
myself, have their own dodge and burn system. 

“A great way to give yourself a little extra control is 
to create two Curves adjustment layers, one with the 
midpoint lowered to burn, and the other raised to 
dodge. Black mask these out and paint on the mask 
with white to bring in the effect as locally as you’d 
like. This gives you the opportunity to tweak the 
curve at any point in your workflow and to work 
completely non-destructively... quick fixes won’t 
work until you’ve got the basics covered. 


“There are a number of plug-ins or techniques 
around that blast somewhere around the middle 
radius of a shot and make them appear smooth 
while retaining texture. This sounds great in theory 
and they’re extremely tempting to overuse because 
the results are dramatic, but it’s an obvious and 
unrealistic approach avoided by the majority of the 
clients you’ll be hoping to work with. 

“Once you’ve got the foundations of dodge and 
burn (I cover this on my blog), you can start to 
implement a few of these quick fixes, such as 
Frequency Separation and inverted High Pass to 
complement your workflow. It’s all about learning 
how to work correctly before fighting dirty! It’s also 
hugely important to regularly look through fashion 
magazines; they’re full of the kind of ads you’ll be 
hoping to work with, and trends in post-processing 
do change.” 




mi' 


02. BE COMMUNICATIVE AND CREATIVE 

“So much of being a good retoucher is having exceptional 
communication skills, and being honest and reliable,” says Ashlee 
Gray (vvvvw.ashleegrayretouch.com). “It may sound silly, but over 
the years I’ve learned that clear communication is key. Retouchers 
are hired to interpret and execute other people’s visions on a daily 
basis; however, I believe it’s just as important for retouchers to have a 
vision of their own and bring more than what’s expected to the table. 

“First, I like to find out as much as I can about the client and their 
brand by researching previous work to get a feel for what they like. 
Oftentimes they pass along inspiration or detailed retouching notes 
that help me to understand how far to go with the images. Some 
clients come to me with very specific retouching notes to make sure 
things don’t get overlooked for any reason. Retouching notes are a 
great starting point, especially when there are tight deadlines. On the 
other hand, there are some people who hire me based on my work 
and trust that I can bring my vision to the table. If this is the case, we 
have some sort of creative conversation where I ask a lot of 
questions and send samples to make sure I’m on the right track and 
not wasting time.” 
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03. FROM FLAW TO FINISH 

CHARN S. BEDI TALKS THROUGH SHOOTING 
AND RETOUCHING THIS MUA IMAGE 
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Retro retouching: "I had the 
opportunity of shooting this great 
image. MUA was going for an 
Audrey Hepburn-style pose" 


Tools of the trade: "It's 
a good idea to invest in a 
decent tablet. I use the 
Wacom IntuosB Large on 
my Mac Pro, and an 
IntuosB Small on my 
MacBook Pro. I also have 
a preference of using the 
spring-loaded nib on my 
Intuos pens" 


In the pink: "Already 
having used nice 
vibrant colours on the 
nails and eyes, I then 
decided in post to add 
a nice pink poppy 
tone to the 
background rather 
than keeping it white 
as originally shot" 


Nice gnashers: 
"Sometimes I leave flaws 
on images on purpose to 
help create a sense of 
reality. Flaws on this 
image that I left were the 
not-so-perfect teeth 
(but almost perfect)" 


Take your time: "Never i 
give up! Beauty ' 

retouching is so f 

time-consumingthat it R 
will always take longer n; 
than fashion or editorial. P 
It's easy to judge if an i 
image has been rushed" j 


Laughter lines: 
"Leave some 
wrinkles on the 
image rather than 
softening them 
down too much" 











© Sergey Meshkov © Photographer: Max Oppenheim. Make up: Nikki Wolff © Stefan Bourson 
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riQ BURNING BONE STRUCTURE 

This is now complete with dodging and 
burning to bring out bone structure and shine to the 
hair, with colour and toning added. Finally, a High 
Pass with a layer mask was used to sharpen the hair 
in some areas, and a small amount of grain added. 


ri^ LUSTROUS LOCKS 

. From there. I’d like to say I always start at 
the same place, but usually it’s with the things I find 
the most distracting. It’s often hard to look past big 
blemishes, hairs going through the eyes, or even 
areas that need colour correction. In this case, the 
skin has been cleaned, all flyaways and cross hairs 
have been removed, and additional hair has been 
added to the right side. 


04. A MODEL JOB 

ASHLEE GRAY EXPLAINS HER WORKFLOW ON THIS 
IMAGE SHOT BY FRANKLIN THOMPSON 


m l A MODEL JOB 

I Once I open an image, I start by creating a 
blank layer and begin drawing notes all over the 
image with a bright-coloured brush. This helps me 
visualise what I want to accomplish before I start 
working on the specific areas. 



05. ACHIEVING SYMMETRY 

Every blocked pore 

For Daniel Meadows, much of the retoucher’s job is bridging the gap 
between what the naked eye sees, and what the increasingly 
sophisticated camera does. “With modern lenses we can achieve very 
sharp images,” he says, “and unfortunately with that comes a detailed 
record of every hair and blocked pore, every irregular eyelash. The eye 
doesn’t tend to pick up on these tiny details in real life, but with close, 
sharp beauty shots we tend to even these out before print for the 
benefit of the shot.” 

Glowing skin 

“With beauty work, skin is probably the most time-consuming part of 
the process, as texture must be retained. In advertising and editorial at 
the high end, each part of the skin is carefully dodged and burned to 
even out texture and maintain realism. I usually start with 
compositional adjustments. Sometimes a hand, for example, will be 
better positioned in an outtake from the set, so occasionally there’s 
some compositing.” 

Dipping a fashion toe 

“Quite often I’ll receive a sidecar XMP file with RAWs if the 
photographer knows the look they’re going for, but some of the most 
fun projects are those where I’m encouraged to experiment with 
colour treatments. I’ve frequently got my head in a fashion magazine, 
so there are always a few styles I’m looking to try something new 
with for the right shot.” 

Even eyes 

“Another one of those things the naked eye doesn’t tend to pick up on 
but the lens notices is the symmetry of the eyes. My own left eye is 
slightly higher than my right. No-one would ever pick up on it but you 
can tell if I point it out on my driver’s licence! At the other end of my 
workflow, I usually leave sharpening and colour treatments until the 
last steps. It’s important not to oversharpen your working file at the 
start or you’re giving yourself a lot more work.” 


06. LIPSTICK AND SPIT 

“Some of the most common fixes are eyelashes not 
being stuck on properly, hair coming across the 
eyes, and uneven lipstick,” says beauty retoucher 
Charn S. Bedi (www.thebeautyretoucher.com). 
“When retouching macro lip shots, spit on the gums 
can be annoying as the light reflects off it, causing a 
shine. I have a library of eyelashes taken and 
neatened up from previous work to aid me if I ever 
have to re-create them. The trickiest thing to retouch 
in beauty is hair as it is so fine. I zoom in very close 
for hair retouching to remove strands of hair that go 
against the natural flow of the hair style. This helps 
to refine the hair to make it look neater. This then 
enables me to fill in dark areas to make it look more 
full-bodied and healthy. I use various amounts of 
layers and clone brushes with different blend modes 
to get to the final result, finishing off with a dodge 
and burn to create contouring and a nice shine.” 
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Facial freestyle: "When 
1 don't know howto 
tackle tricky things I like 
to do what I call 
'freestyling'. It's 
basically creating a new 
layer and telline myself 
I'm going to problem 
solve using any way I can 
think of, and if it doesn't 
work out I'll just delete 
the layer, grab another 
coffee and start all over" 


Making the cut: The image 
was part of an editorial we 
did for Factice magazine. It 
wasn't part of the original 
selection; it wasn't until we 
were almost finished with 
the retouching of the others 
that we added this one in, to 
make the story a little more 
well-rounded" 


/. * 



Horizontal power: "We picked this one to help break up 
all the other vertical shots. This beauty shot allowed us g 
to get much tighter and really focus on her beauty" u 
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07. FACE TO THE FORE 

ASHLEE GRAY TALKS THROUGH HER 
RETOUCHING ON THIS IMAGE 


Bringing the burn: "The 
main focus was bringing 
out her eyes and the gold 
of the eye shadow. I built 
in dimension using 
dodging and burningand 
also put a tone on the 

made it 


A sharp hairline: "Her 
hair had some subtle 
motion and a beautiful 
shape so it was pretty 
minimal work, only 
removing cross hairs and 
a few distracting 
flyaways, as well as 
cleaning up the hairline" 


Clothing concerns: 
"The top she had was 
pretty structured and 
fit her really well, so it 
only required a bit of 
shaping around her 
shoulder area" 


08. A FACE TOO FAR 

Tor me, an image has gone too far when you’ve lost natural texture, 
dimension and shape,” says Ashlee Gray. “Texture can be lost by a 
number of ways, blurring and cloning are probably the top two. 
Dimension is often lost by removing natural smile lines completely, 
making the whites of the eyes too white, and by removing shadows 
under the eyes or lips. Having a basic understanding of anatomy is 
really important so that tools like Liquify aren’t abused when trying to 
shape parts of the body. In the end if retouching goes too far it looks 
cheap and tacky. I suggest keeping it simple by polishing the skin while 
keeping some natural elements such as moles or freckles. On the other 
hand, those who are learning how to retouch often forget about the 
body parts matching the face. The face will look clean and polished but 
the arms, hands and legs will all be a different skin tone. Don’t forget 
about the rest of the body!” 



09. ARTISTIC, NOT ANOREXIC 

“The best retouchers have a solid understanding of light, anatomy and composition,” 
explains Daniel Meadows. “It’s helpful to study the planes of the face, of the way light and 
shadow behave from a traditional art standpoint. Good make-up tutorials that deal with 
contouring are also a great source of knowledge and inspiration. There are centuries of 
sound advice from before we had Photoshop or even photography - be sure to learn from 
them! One of the most important things to learn as a beginner is what a flaw is or isn’t. I 
engage online with a lot of beginner retouchers and try to offer advice where I can, and I 
know how easy it is to be over-enthusiastic. Lines under the eyes, moles, freckles, beauty 
spots, perfectly natural neck creases. I’ve seen them all wiped out. Usually the question 
‘why?’ is enough to prompt a eureka moment of ‘you know. I’m really not sure!’ Beauty 
retouching isn’t about creating a wax model. You learn as you go that less is often more, 
that if it isn’t improving the shot it really isn’t worth doing simply because you have the 
tools to do so. Remember that the brand or photographer chose the model for a reason. 
Slightly contour an unfortunately squished bit by all means, improve a line a little for 
composition, but the small percentage of retouchers whose first instinct is to make 
someone thinner need to re-evaluate their methods.” 


10. ABOVE AND BEYOND 

“A good retoucher is someone who will 
obviously go above and beyond their client’s 
expectations, without being asked,” argues Bedi. 
“After all, the final result of the image will also 
reflect on their reputation. I generally start by 
looking at an image to see what I think has to be 
done to it, then send my client back a marked up 
version with notes. Normally they will add to the 
mark up. If I think too much has been added, I 
usually flag it up straight away as I wouldn’t want 
to give them back something that may look like 
a waxwork, or just overly retouched. I am 
strongly against the term ‘it can be fixed in post’. 
This screams at me if I am sent an image where 
the hair and make-up has not been done 
properly, which is where the line is crossed for 
too much retouching to be done. I have had to 
deal with a few of these in recent times where I 
have had to just turn the job down.” 
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11. CLEAN UP BEFORE CREATIVITY 

“My first stop on any image is clean-up: removing any dust, lens spots, sensor marks and 
so on,” explains Barry Craig (www.barrycraig.co.uk and www.digital-giant.com). “This is 
the work that needs to be done regardless of client comments. The process after this 
varies depending on the image. If there are elements to be composited into the main 
scene, I will repeat the clean-up on these then extract them with the Pen tool. Then I will 
build a low-res composition to show the client before the high-res retouching begins. 
Clients usually have an end product in mind; more often than not they have concept art that 
the art director has drawn or commissioned. The role of the retoucher is to take this 
concept to the very strongest final image it can be. There’s still a lot of magic involved and 
the client still expects a lot of creative initiative to be taken.” 


12. TUNE YOUR INSTRUMENT 

“Create a rectangle and add a gradient from one end to the other,” 
instructs Mark Gilvey (www.mgcre8v.com). “Now put a mark through 
it and try to restore the gradient to its original state. Why? You will see 
this linear gradient in many different things; architecture, walls ceilings, 
a sheet of paper on a table, a sign and so on. If you can restore the 
gradient, chances are you can reconstruct or restore it in a real retouch. 
Before I start with a composite, a retouch, restoration, or any type of 
major work that I will do in Photoshop, I will look the parts over as if I’m 
about to write a piece of music and assess what needs to be done and 
weigh that against my confidence to be able to do it. Then I begin the 
composition. I know it sounds goofy but some work is like that. You 
have to get your skills and your confidence to a level where you can be 
the conductor, and that takes years of practice.” 




iiei Serial options: Because it 
was a series of images, Craig 
could borrow bits and pieces 
from other shots 
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Bring on the brushes: Craig made brushes shaped like clouds 
and explosions from the material shot to complete the image 



Explosive images: The explosion was shot separately, 
with a mannequin taking the place of the player 


13. PATIENCE IS A VIRTUE 

“This shot was a nightmare to get right,” says Barry Craig of the Adidas 
MiCoach series he worked on. “The poor guy had to do the same 
aggressive sprint all day until the client was happy that they’d captured 
the energy well enough. The explosions in the image were shot 
separately in the studio, so we used a mannequin to get a sense of how 
they would interact with a body. The shape and direction of the 
explosions are supposed to be representative of the particular 
movement that the player is performing, so the clouds were shaped 
using numerous different shots. I actually ended up making a number 
of brushes shaped like clouds and explosions from the material we shot 
to help shape the explosion how the client wanted it. Having brushes 
shaped like this was the only way to flexibly sculpt the explosion with 
speed and accuracy while the client was still making comments. Once 
we had the general shape and size confirmed, we could go in and 
improve it, add fine detail, shadowing, interaction with the player and so 
on. I also had to change the entire background. The client liked the 
player’s shape and expression in this shot, but not the amount of smoke 
or the lighting in the background, so I ended up building a composite of 
a few of the other shots from the day’s shooting.” 
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14. ADDING ATMOSPHERE 

BARRY CRAIG EXPLAINS THE WORK HE DID ON THIS 
IMAGE FROM PHOTOGRAPHER DAVID WESTPHAL 

m LET THERE BE (MORE) LIGHT 

This is the image after basic clean-up. There 
is some nice light in the sky and some point-of- 
interest light in the tent, but these both need to be 
enhanced. We also need to think about the client and 
what the product is trying to communicate. Let’s 
start with the sky. 


STARRY SKIES 

While on location, the photographer was 
able to capture some longer exposure shots of the 
night sky. To add a little more life into this shot. I’m 
just going to use one of these shots to add some 
stars to the sky and lift the colour to a more 
attractive blue. Already the image is looking more 
alive. The product being advertised in this instance is 
a bluetooth speaker that also features party light. 
Keeping this in mind, the next step is to add some 
directional, coloured lighting to the tent. 



QQ I PRODUCT PLACEMENT 

LJw I Adding some lighting, glows, and rays to 
the tent really helps to lift the whole image. There’s 
lots to consider when adding lighting effects, 
highlights on the sand and glows on the dunes 
behind, for example. We’ve also had to create a 
shadow for the boy in the tent. When the image 
was shot there was still no physical product in 
existence, so as part of the final stage we will also 
add in the speaker, which was shot at a later date 
in the studio. 



15. MAKE THE IMP&IBLE POSSIBLE 

“The most important skill for a good retoucher is an eye for realism,” adds Craig. “Even when you’re 
working on a fantastical image you have to base it in reality. Lighting and physics will give the game away if 
they aren’t correct. You also have to be patient; there’s a lot of ground work to be done on any composition, 
all of it important to the final result. The most common issues are adding or removing features that 
couldn’t be physically altered on location; removing streetlights, buildings, logos, cars, people and so on. 
Where possible, the photographer will shoot plates to the left or right of the obstruction to aid in removing 
them, but this is only really common in a photographer who is used to working with a retoucher. The 
trickiest things can be complicated image extensions for new layouts. These are usually required last 


minute, meaning the photographer likely didn’t shoot any material to aid with the job.” 
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16. PRODUCT PROBLEMS 

“Colourcasts and rennoving unwanted itenns, 
logos, and extending backgrounds and floors are 
the most common changes,” says Andy 
McLaughlin (www.tcistudio.co.uk). “Often the 
trickiest are seemingly the simplest. Extending 
areas like floors can be tricky and can require 
re-creating your own textures and custom 
brushes to match the original textures. Clone 
Stamping and Content-Aware Fill may give you a 
starting point, but are often affected by light 
gradients and vignetting caused by light fall-off. 
Clone Stamping these types of surfaces can just 
create a blotchy mess. In my own work, the most 
common retouching is bleaching backgrounds 
and making dark areas clean. I use a lot of 
channel masking to create accurate selections 
for layer masks and adjustment layers. I retouch 
a lot of my own photography and I think that 
understanding the image as a photographer 
makes me a better retoucher and visa versa.” 


18. KEEP THE CLIENT IN MIND 

“Many finished images are what we lovingly refer to 
as ‘Frankensteined’,” jokes Nancy Lund Springer 
(www.nlsretoucher.com). “It is very common in 
product retouching to not receive ‘golden’ samples, 
as the product has not been fully developed; but the 
packaging, including the images for that packaging, 
needs to be developed. You may sometimes get a 
crude image of the product in whatever iteration of 
production it happens to be in accompanied by a 
printed schematic that represents the final size. 


17. FIND YOUR OWN STYLE 

To improve your own retouching work, McLaughlin 
advises that you look at other great photography for 
inspiration. “Truly awesome images have been 
expertly retouched as well as superbly shot, as 
what’s left out can be as critical as what’s left in. 

Quite often I’ll study an image to get an 
understanding of the lighting setups used as much 
as the retouching techniques. If the retouching has 
been done well, you’ll probably have a hard time 
telling what the retoucher has done! 

“My own rule of thumb is not to let the viewer see 
my lights or modifiers reflected anywhere in the 
subject, and definitely no dust left on there. When you 
look at even a well-cleaned product straight from 


camera, there’s loads of fine dust on there; get rid of 
it. Create your own set of golden rules regarding 
what you always fix or change, or faults to fix every 
time. Before you know it, you’ll have your own style. 
In my own work I love to explore mixing graphic art, 
photography and retouching, I love enhancing my 
own product photography with light painting as well 
as freezing liquids with flash and incorporating the 
results. They are often unexpected and unusual, 
especially with liquid. 

“I believe that the combination of creative 
retouching and the different photography techniques 
brings an element of surprise and an unusual twist 
to displaying products, and some interesting graphic 
arts images.” 



proportion, materials, colours and graphics for that 
particular product. A retoucher’s job is to make that 
image believably match the schematic. There are 
some tricks to this type of retouching that 
incorporate a lot of drawing techniques, a good 
imagination and a determination to make a 
less-than-perfect image look amazing. 

“Patience and discipline are important traits for 
retouchers, along with speed and a good eye for 
detail. Good retouchers have a passion for their 
work. They also must have a good understanding 


of colour correction, lighting, shadows and 
compositing. You have to be willing to ask questions, 
step out of your comfort zone and experiment. You 
must be willing to accept advice and criticism. You 
need to have a solid understanding of your tools and 
keyboard shortcuts to access them. The ability to 
seamlessly move from one project to another when 
priorities change is very important. And it is critical 
that you understand your client’s vision to envision 
the final results. The most successful retouchers 
understand the value of customer service.” 







© Photographer: Taylor Castle 


19. USE SMART OBJECTS 

Pro retoucher Brian York (www.brnyrk.com) outlines his workflow: “First, 
process the RAW files, which I prefer to do myself to ensure highlight and 
shadow detail is preserved, just slightly under what the final contrast of the 
image may be. Since the majority of what I do is compositing, I start with 
cutting out the elements and creating Smart Objects, always with a layer mask 
inside. Then I add everything to the composition to make sure the processing of 
the elements are all at a good starting point. Using Smart Objects for the 
elements means I can always go back and replace the base image if needed, 
regardless of any transformations applied. Basic clean-up would later be done 
inside the Smart Object. Smart Objects are important when compositing as 
they allow me to retain the transformation points after they are applied, so I can 
go back and make subtle tweaks if needed. I recently had to create a tapered 
mug from a straight sided mug and apply an embossed logo. The alterations to 
the ice and condensation of the mug were dealt with and then put into a Smart 
Object to create transformations. This allowed me to be able to tweak the shape 
to the client’s specifications at any point while retaining the original image 
inside the Smart Object to make changes easier.” 

i 


20. ASSESS THE IMAGE 

“The golden rule of retouching is that the final product must look natural,” says Nancy Lund 
Springer. “The image should be perfect to your client’s specifications, without leaving a 
trace that a retoucher has been there. Assessing the image, especially images that are 
problematic, is the first step. This generally takes a few minutes. There are many problems 
that may need to be overcome, from moire and false colour artefacts, strange waves or 
rings of colour and tone rippling over fabric, to imperfections in skin, facial hair on women, 
wrinkles needing removal in fabric, seams that don’t match... the list is endless. While the 
toolset needed to address these problems remains the same, the image always dictates 
which combination of myriad techniques will be used. I usually start with what I determine 
to be the most difficult area in order to overcome difficult obstacles at the beginning of the 
project rather than at the end. Sometimes you just need take some deep breaths and start. 
When faced with a daunting retouching task, I look to one of the most relevant expressions 
for inspiration: it’s like eating an elephant; just take one bite at a time.” 
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21. BEWARE HIDDEN JOBS 

“There can also be an array of problems overlooked by your client that 
need to be addressed, but due to the extra time it might take, may not 
have been budgeted into the project,” adds Lund Springer. “An example 
of a retouching job I once had is typical of this scenario. We were asked 
to retouch a very dark image of two models in Egyptian costumes 
flanked by a beautiful gold-encrusted sarcophagus and large vases. 
Upon review of the image with a creative director, there didn’t seem to 
be a lot of work involved in post-retouching and [it] was budgeted 
accordingly. However, when I opened the RAW image, it was revealed 
that the vases and sarcophagus were placed on wooden crates to make 
them at a higher level to fit into the shot properly. Also, the fabric used 
for a backdrop was too long and fell in waves on the ground, and some 
objects unrelated to the shot were in full view. My task was to cover 
these distractions by compositing parts of other existing elements into 
the shot.” 
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22. QUESTIONS OF COMPOSITION 

001 1 Never work with children or animals 

It’s one of the most famous cliches out there, but can 
the downsides of working with animals be overcome 
with clever compositing, seamless edges and light 
and shadow effects? “One of the big tricks here was 
capturing the feel of the little feathers on the edges,” 
explains Gretchen Hilmers (www.g-tou.com). “One 
of the most important aspects of the composites is 
to clean up the seams. When you’re compositing, the 
joining edges need a little TLC and that usually starts 
with blending, adding textures and ensuring the 
depth of field is correct. Sometimes there are faint 
lines that appear around the edges of figures, and 
while I use several methods of fixing, I like to use a 
layer on Darken or Lighten and clone the background 
elements up to the edge. But I think the real secret to 
any composite is how you shape with light and 
shadow because that will really bring the elements 
of the image together.” 



002 I Three become one 

“This is one of my all time favorite 
projects because we got to pickle 
Carrie Brownstein and Fred 
Armisen,” continues Flilmers. “It 
was a dream come true. This one 
needed a lot of TLC because it 
was basically three original shots 
- each actor behind Plexi and an 
image of a pickle jar with green 
liquid. They really needed work 
when it came to depth of field, 
colour shift, shading and then 
warping to emulate the feel of 
being submerged in liquid. Smart 
Objects had a heavy part to play in 
this shot. A fun little side note - 
those are my homemade pickles 
in the jar with them.” 




003 I Portrait polishing 

“It’s extremely common for a 
portrait to need a new background 
colour, or in the case of 
advertising, for the subject to be 
able to be placed on any number 
of backgrounds” continues 
Hilmers. This allows a degree of 
flexibility, allowing images to be 
superimposed on desired 
backdrops. “That’s where silo’ing 
comes into play, and you need to 
be able to either mask hair out 
perfectly, or be able to hand draw 
it in convincingly. The four 
subjects for this campaign all 
needed backgrounds that had 
more impact, and so they all had 
to be removed.” 


004 I Balancing the real 

“Working with Gregg Segal is always a blast because his images usually have 
a large amount of humour in them. He’s also one of those shooters that are 
really good at getting things in one take, but when it comes to animals it 
usually doesn’t matter how good you are because they don’t seem to like 
taking direction,” Hilmers explains. Some images suit a degree of unreality - 
without being so abstract as to lose the viewer’s connection, as with the below 
image: “This was a little tricky in that there’s the combined lighting of the 
figures and the environment, so trying to find a balance between natural and 
artificial was a bit of a trick.” 



One of the most important aspects 
"" of the composites is to clean up the 
seams. When you're compositing, the 
joining edges need a little TLC and that 
usually starts with blending, adding 
textures and ensuring that the depth of 
field is correct 55 
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23. PERFECT, BUT NOT TOO PERFECT 

GRETCHEN HILMERS WORKED ON THIS IMAGE, FEATURING THE DANCERS DF THE MIAMI CITY BALLET, AND DESCRIBES HER GENERAL APPRDACH TD COMPOSITING WORK 



Getting down to business: "I start on any gross 
stuff first. ..nose hair, food in teeth, boogers, acne... 
I just want to get that out of the way so I can move 
onto the fun, creative stuff" 


Fabric fusses: "Every fabric is different but the general method 
is to match up the colour and then either create a pattern stamp 
or use small patches of a high pass layer to re-create the texture. 
It can take a lot of time, and I know the general rule is to just try 
to re-create it and throw a bunch of noise on top, but when you 
work on an image at 200% or more you notice that inconsistency. 
It's really important to me that things line up, even such a small 
detail. Sure, 99% of people won't notice, but I'll know" 


Don't go too far: "There 
are times when so much 
has been changed that 
reality just feels off. 
There s the phenomena 
of the uncanny valley, 
which is when you just 
know something is off. It 
generally applies to 
people, but I strongly 
feel we can sense it with 
everything. There's just a 
moment when something 
changes and an image 
can go downhill, and 
when it does, it usually 
goes downhill quickly'' 


Zoom in: "Don't work at anything 
less than 200%. I can't tell you 
how many times I've received 
redos and when I zoom in past 
100% it's a disaster. Sure... 
maybe you can get away with 
something when it's only printed 
at 9 X 1 2, but that doesn t mean 
you should deliver it that way" 


Hair hassles: "Usually hair needs some work. While 
I personally like natural, more crazy stray hairs a 
lot of other people don't. There's a delicate balance 
between sculpting hair shape to avoid the dreaded 
helmet head, removing flyaways and then drawing 
them back in where they look natural" 


Work together: "Of 
course, tnere's only so 
much a retoucher can 
do, and starting off with 
a beautiful photo and a 
great relationship with a 
client can really help. 
Every client has a 
particular style, and it's 
up to the retoucher to be 
able to assist with 
making that extra step 
while maintaining the 
integrity of the original 
work. That's why I 
always look at what I do 
as teamwork" 



“Using a Wacom tablet and pen, I set a brush at 90% Hardness and a smaller size and go all the 
way around the object at 200% zoom, painting black on the layer mask with an opposite-coloured 
background behind it,” explains Brian York. “If, for example, I am masking out a bottle on a white 
background, I put a black background solid colour layer behind it, and then I know it will look great 
on anything. Some people get caught up in a lot of Photoshop trickery to get a mask, but for me a 
mask is about how the edges look visually when cut out. This direct visual process allows me to 
inspect every edge, and once I go around an object like this I know it is perfect. I’m a bit obsessive 
about masks, and want to know that it is right. However, in saying all of that I don’t discount 
sophisticated techniques in getting masks; I just prefer this method most of the time 
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25. RESTORATION 

“The biggest challenge in photo restoration is having 
to reconstruct missing or destroyed parts of an 
image,” says Mark Gilvey. “When there is little or no 
source material to work from, this can be difficult to 
work with. I had a photo of a brother and sister like 
this. Some people looked at the damage in the lower 
right corner and thought it was an ice sculpture, but 
it wasn’t. The photo was just missing emulsion. I had 
to reconstruct the entire area of his plaid coat. 
Basically, I guessed at what it would look like on his 
side vs a sleeve. I sampled certain areas onto new 
layers and pushed and pulled them until they looked 
close. I think I put 20 hours into this one image, going 
way beyond the client’s budget, but I stuck to their 
budget because I wanted to see if I could do it. I 
wasn’t going to let it beat me!” 



26. KEEP LEARNING 

“Be patient,” advises Rob DiCaterino, a high-end 
digital imaging specialist. “Photo restoration can 
be slow, painstaking, time consuming, and yes, 
even boring, but good results are extremely 
satisfying and worth the effort to both my clients 
and me. It’s win-win. Zoom in close and pay 
attention to detail. Global filters are usually too 
heavy-handed and destructive; use layer masks to 
apply them locally instead, as needed. Understand 
histograms and the info panel, and use spatial 
frequencies to your advantage. 

“Successful retouchers are also proficient with 
a pen tablet, use profiled and calibrated displays, 
understand colour theory and management, and 
create Actions to increase efficiency. They are 
interpreters, translating clients’ notes into the end 
product. They are good at sales, marketing, and 
customer service in order to attract and retain 
happy, paying clients. They are responsible 
enough to work out realistic deadlines with clients 
up front... and stick to those deadlines. They trust 
the info panel... and their eyes. They handle 
rejection well. And they always continue to learn. 

“My motto is, ‘There are ten different ways to 
accomplish the same thing in Photoshop.’ I learn 


as many ways as I can so I have more options to 
approach any given situation. Some retouchers 
might struggle through a situation using only one 
or two techniques, but I’ll know some additional 
ones that allow me to complete that step more 
quickly. That’s one of the things I love about what I 
do - retouching fulfils the part of my brain that 
craves problem solving and logic, and allows me to 
achieve many personal victories on a daily basis.” 



27. IF YOU WANT TO GET INTO COMPOSITING... 


“Study how light works, how a camera sees objects 
and space,” says Brian York. “Become good at 
painting in Photoshop. Make composites for 
practice, and always refine the way you do things 
and lay out a file.” He also explains that you will need 
to invest if you are serious about the craft: “Buy a 


monitor made for colour-critical work and learn to 
use a Wacom tablet. 

“Most of what I do involves basic tasks; just done 
with a lot of finesse. Things I use a lot are brushes. 
Curves and Smart Objects. I have found it valuable to 
become good at creating detail from nothing, and 


brushes are instrumental in that. I have a huge trove 
of brushes that I have created for various things over 
the years. Many people use Levels, but Curves gives 
you a lot of finesse over contrast and saturation that 
is just not possible with levels; especially when 
dealing with skin tones.” 
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28. BRING THE PAST TO LIFE 

ROB DICATERINO (WWW.ROBDICATERINO.COM) 
EXPLAINS THE WORK HE DOES FOR CARE FOR SANDY 

m THE PROJECT 

Since June 2013, DiCaterino has 
volunteered for CARE for Sandy, which offers free 
digital restoration services for individuals and 
families with photos damaged by Hurricane Sandy. 
CARE stands for Cherished Albums Restoration 
Effort and is made possible by the efforts of 
generous retouchers worldwide. This is one image 
he received from a family in Long Beach, NY, who 
wish to remain anonymous. You can volunteer 
yourself at www.careforsandy.org. 

ri^ THE METHOD 

The damage was severe, and in this case 
DiCaterino s main technique was Split Erequency, 
but sometimes he has to be more creative: “Good, 
successful retouchers are artists, craftspeople, and 
technicians. They are analytical. They mentally 
deconstruct each image, envision the end result, 
and quickly formulate the steps to achieve it. They 
show restraint, know when to apply a specific filter, 
and invent unconventional uses for them to speed 
up the workflow." 

riQ THE RESULT 

w After colour correction, this is the final 
image that the family got back. As DiCaterino notes, 
Photoshop is “an incredibly powerful tool that helps 
produce amazing results in the right hands - in my 
case, restoring priceless memories and preserving 
history. Photo restoration is its own form of time 
travel and I find it fascinating and gratifying." 


29. HOWTO HEAL 

“The main problems are usually rips, creases, stains, and fading," says 
DiCaterino. “The trickiest is repairing damage to a photo printed on 
paper that features a textured pattern, which was popular several 
decades ago. Many retouchers blur the texture out or apply EFT, but to 
me, restoring a photo means returning it to its original state, texture and 
all. To retain that detail, I use the Healing Brush, Frequency Separations, 
Channels, and so on. It can be a painstaking process depending on the 
severity and location of the damage, but the results are true to the 
original and more representative of the photo’s era. For lightly damaged 
or faded photos, it’s easy to know when I’m finished. For badly damaged 
photos or ones with major colour shifts, it can be more difficult. In those 
cases, when I think I’m done I’ll revisit the photo the next day with fresh 
eyes and make any necessary adjustments. Sometimes, I even ask a 
colleague to quickly evaluate my work and see if anything looks off. 

“Retouching and restoration is best when it looks natural, as if 
nothing had been done to the image. It becomes too much when it 
looks obviously phony, plastic, processed, or otherwise manipulated. 

I’ve seen a lot of restorations that look soft, airbrushed, cut out, and/or 
borderline-cartoonish. If the background is in bad shape, fix it, don’t just 
cover it up with a gradient. If the original photo contains film grain, keep 
it, don’t surface blur it to death. Like recorded music, when too much 
noise reduction is applied, the fine details are lost. By retaining fine 
detail, I succeed in preserving history. Yes, doing it that way is more 
challenging, but the results are better." 




Plane sailing: "The jet had some flaws covering it 
including dust and other types of crud that were probably 
on the film emulsion. To remove dust, I would use a 
combination of making a selection with the Lasso tool 
and running Dust & Scratches on it where there are large 
areas, or I'd just spot it out with the rubber stamp tool. 
Today, however, I might duplicate the layer and offset it 
by one or two pixels and set the top layer to Darken and 
then use a layer mask to apply the fix in specific areas. 
The Healing Brush and Patch tools would just grab crud 
from other areas" 


Everyone at their best 1: "This was the most important 
part and had to really stand out so each person could be 
identified. The mid tone was completely mud and the 
image overall was soft (not sharp). To fix this, I started by 
duplicating the background layer and sharpened the life 
out of it using USM" 


Everyone at their best 2: "There were still some light 
specs in the dark areas that revealed themselves. Next I 
added a Curves adjustment layer and increased the 
contrast by a lot. Then I added a layer mask for each of 
these two layers and painted the lightened/sharpened 
people back into view" 


From the top...: "There was a lot of 'stuff' in the sky that 
had to be taken out. My solution was to replace it 
completely, but I had to emulate the sky that was there so 
it looked natural. That's why I didn't make it too dark at 
the top. I made it just dark enough to give the canopy 
separation but look like it was in front of the same sky. I 
also extended the image off the top just so there was 
extra. This was done by tracing the sTy with the Pen tool 
and filling it with a gentle gradient" 


...to the bottom: "There were all kinds of ugly stuff on the 
tarmac. I just cloned good parts over the bad parts and 
extended the image to the bottom of the scan by 
continuing to clone" 
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30. GROUP SHOTS 

GROUP PHOTOS CAN BE THE TRICKIEST, AND THE MOST 
IMPORTANT, TO RESTORE, AS MARK GILVEY EXPLAINS 




Duplicate the issue: "Another technique I use is to duplicate a layer, run the Gaussian Blur 
on It, and either apply it using a layer mask at 100% or set it to Darken or Lighten depending 
on the defect. It's a good way to smooth out subtle blotchy flaws like on the fuselage" 
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Master the perfect retouch 


MASTER THE 
PERFECT RETOUCH 
WITH PRO TIPS 


I LEARN HOW TO CREATE A BEAUTY RETOUCHED 
! IMAGE, WITHOUT OVERWORKING THE DETAILS 


F rom smoothing out the pores to removing 
the fine details, beauty retouching is easily 
overworked - don’t find yourself caught in 
this trap. The key to success is often leaving 
some impurities and letting the natural beauty come 
through. True success comes from a balance 
between perfection and imperfection. 

When you are working with the details, don’t 
forget to work in an overview as well. Zooming in 
and out as you go will help refocus your attention 
and draw you to more pressing issues that you need 
to correct. 

The type of portrait you are working on will dictate 
the type of details that will need to remain. For 


example, in beauty retouching anything distracting 
needs to be taken out. However, in portrait retouching 
where the subject is known, then any birthmarks 
identifying the subject must remain. Sometimes it 
becomes difficult to decide what needs to stay in, or 
come out, what is an imperfection and what is a 
distinguishing, characterful feature. 

As with any retouching, keep the viewer’s eye 
focused on the areas that are most important. Keep 
them engaged in the subject, and interested in the 
imagery. Keep your work grounded, and create the 
perfect image. Remember, you will have done your 
best work when no one knows you have done 
anything at all. 



OUR EXPERT 
JOHN ROSS 

www.TheArtofRetouching.com 

@ArtofRetouching 

John educates photographers 
and retouchers by helping them 
expand their creativity through 
Photoshop, from his website and 
the classes he teaches from New 
Haven, Connecticut. 


I 


SOURCE FILES 

On FileSilo, you can find the model 
and iris images. Any additional 
images and brushes for references 
can be found at www.deviantart. 
com and www.shutterstock.com. 


■ RETOUCH THE MODEL 

START WITH BASICS LIKE CLONING, COLOUR AND TONAL CHANGES 


ADOBE CAMERA RAW 

1 When you open the Raw file in Photoshop, it 
will open with Adobe Camera Raw. This will allow 
you to make any general colour and tone changes. 
Make sure the printable area is large enough for the 
final print size. Be sure the image preferences (blue 
text under the image) reflect a size that is large 
enough to print with. 


: WHEN TO CROP 

i Ensure that you work on, and archive, the 
full image. Cropping can happen later, at the end of 
the project. One day you may need a different crop 
of the image. Therefore, it makes more sense to 
start and finish at its full size. Cropping for a 
website or print is much easier after the work 
has been completed. 





riQ I OPEN IMAGE OR OPEN OBJECT 

I When finished, either click Open Image, 
or hold down the shift key for Open Object. When 
using a Smart Object on the Raw file, you will be 
able to freely jump between Photoshop and 
Camera Raw. Working this way will preserve 
your original Raw settings, should you want to 
edit them again later. 




I - WORK IN 
PROGRESS 


FROM STUDIO TO FINISHED 
RETOUCHED PORTRAIT 



Progress 1 : Technical changes 

t 



Progress 2: Detailed work 
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and other lines of symmetry are even and balanced. It’s best to do these 


types of technical corrections before getting into the details of actual 
retouching. It can become frustrating after doing all that work, only to 
realise the tilt of the camera is distorting something. What could have 
been one layer of correction, later requires many layers be fixed. With 
proper planning, extra work can be avoided. Use Edit>Free Transform for 
any general corrections. 



rin SHARPENING 

LJ J For greater control, do your sharpening in Photoshop with Filter>Sharpen> 
Smart Sharpen, preferably on a separate layer or Smart Object so you can mask out 
areas as needed. This will allow for sharper eyes, but softer hair and background. This 
image is quite sharp, but you may want to add a little something to it. Some prefer to 
sharpen as a first step, others prefer it to be last - it’s up to you. Set the Amount to 
1 50%, Radius to 1 .Opx, and Reduce Noise to 0%. 


r|C LIQUIFY FILTER 

LJw . Once again, as part of fixing the technical 
issues first, use Filter>Liquify and the Forward Warp 
tool to push in the ears, as they are hanging out too 
far. Also bring the hair down on the right side as it 
appears too high. Lower the right shoulder as well 
so it is a bit more even with the left side. Because of 
the camera lens, she appears to have an elongated 
forehead. Use Liquify to bring her hairline down. 
Lastly, her chin can be dropped a bit lower as well. 

ri^ TONAL CHANGES 

\J / . It’s easier to fix the technical issues like 
perspective, noise, and sharpening first. Target these 
types of items before thinking about the minor 
blemishes. There is extra work in fixing these after 
you have already started cloning. Tonal Range and 
colour are also general items that might need 
adjusting. This image only needs some contrast. Use 
Layers>New Adjustment Layer>Curves to make a 
simple S-shaped curve to boost the contrast a little. 
The overall colour is already correct right out of the 
camera because of the proper lighting. 




QQ I SMOOTH TEXTURES 

LJO I A common area of correction is the lighting 
on a model’s skin. This image appears to have 
over-detailed pores with the lights and shadows 
across her forehead. Create a duplicate layer and 
use Surface Blur with a Radius of 7 and Threshold 
of 5 to remove the shine’s excess contrast on her 
forehead. You will also need to create a Layer>Layer 
Mask>Hide All. Click on the black layer mask and 
use a white brush to reveal the effect exclusively 
on her forehead. 



■ QUICKTIP 

Remember that it is an easier workflow to tackle the technical issues first, like perspective, de-noise and 
sharpening. Follow up with issues like tone and colour second. Only after is when you should focus on the 
retouching details like cloning, dodge and burn, and other light-sculpting techniques. 
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■ WORK ON THE SKIN 


REMOVE THE BLEMISHES WITH CLONING AND HEALING 

QQ MACRO BEFORE THE MICRO 

LJO Don’t just work on one topic at a time. Keep moving around and fixing things as you go. If you do all 
the skin work at once, you will likely do too much. By using multiple layers for each pass, you will have 
greater flexibility when it comes to revising previous changes. 



001 I PREPARE FOR SUCCESS 

start with getting the technical details right. It's best to do 
things like sharpening and alignment before getting into details 

003 I FURTHER ENHANCEMENT 

Add depth to the image by correcting the eyes, lips, eyelashes 
and eyebrows before another round of healing the skin 


002 MAKE GENERAL CORRECTIONS 

Adjust the tone and colour with adjustment layers before 
giving the image a first round of cloning and healing 

004 THE PERFECT PORTRAIT 

Work on the details, removing even the smallest flaw. Leave 
a few minor imperfections to help make it look real 



11 


LEAVE IMPERFECTIONS 

Contrary to what you may think, it’s best to 
leave some imperfections. They will help the 
believability of other areas that would otherwise look 
too polished. Common areas to keep in mind are 
birthmarks, eyebrows and hair. Choose the right 
imperfect areas to leave in a balanced, orderly 
fashion. When done properly, they will go unnoticed, 
and yet add a believability that will allow the viewer 
to accept the remaining areas as fact. 


^ O WHITES OF THE EYES 

I ^ When it comes to cleaning up the whites of 
the eyes, the best tool is the Spot Healing brush. 
When set to Content Aware, it will remove the minor 
blemishes like the veins without much trouble at all. 
This is because it works great in these types of 
small, tight spaces. Use it sparingly though, as it has 
a tendency to smear the pixels and make things look 
worse. Keep the curved gradients, and be sure not to 
make the eyes pure white, as they will look strange. 



CLONE WITH THE HEALING BRUSH 

When satisfied, you can get started on the 
cloning of the skin. Using a small Healing Brush, at 
about 8px, will yield great results without 
sacrificing the details in the skin. For professional 
work, skin cloning can take an hour or significantly 
more. Just take it slow and steady. Rushing or 
using a big brush can lead to repeating patterns or 
blotchy skin areas. This is where most of your time 
should be spent. As a first pass, focus on the larger, 
most obvious blemishes. 


Your work will be at its best 
■■ when no one knows you 
have done anything at all Jf 




comes to retouching the iris. While some prefer 
them to remain dark, beauty retouching often 
requires them to be bright and colourful. However, 
the lighting may be too dark, or reflections in the 
eyes may not give the best results from the existing 
iris. With this image, the eyes are very dark, and also 
have the reflector showing at the bottom. This is 
when you need to use a similar coloured iris, but 
shot much brighter to reveal all the details. 
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■ REFINE THE DETAILS 

CREATE THE PERFECT PORTRAIT 



U REPLACE THE IRIS 

■ Use the lris.tif image included on FileSilo, 
and drag the eye layer onto the portrait. Set the eye 
layer to 75% Opacity, and scale to fit. Bring the 
Opacity back up to 1 00%, and apply a layer mask to 
paint in the areas you want to use, while concealing 
the rest. Use a Curves adjustment layer on top to 
adjust the density as desired. You will want to flip 
the iris for the other eye or rotate so that the 
pattern is not the same. 

^ fy r FIX THE EARS 

I / ! Because the ears are so thin, any light from 
behind will give them a red cast. The easiest way to 
correct this is by using the Lasso tool with a 1 0px 
feathering to trace around the ears. Then go to 
Layer>New Adjustment Layer>Selective Color to 
create the new adjustment, and apply your selection 
as a layer mask. With the colour, select the reds, and 
depending on previous adjustments in Camera Raw, 
adjust the cyan to be +8, magenta to be -21 and 
yellow to be -1 1. 



■ VIDEO TUTORIAL 

Retouching portraits involves many different 
steps, and comes in many different styles. 
Fashion, beauty, and studio are just a few of the 
different ways portraits can be retouched. Each 
one has its own unique look and feel. Would you 
like to view a behind the scenes video of how this 
image was actually created? With the link below, 
you will be taken through all the various steps, 
layers and techniques involved with creating this 
image. Please go to www.TheArtofRetouching. 
com/APM132 for more details. 




[ RETOUCH THE LIPS 

1 For the lips, you will want to keep the 
details, only soften them. Duplicate the background 
layer and use a simple Gaussian Blur of 3px. Use a 
Pen tool to define the outline shape, then turn it into 
a selection with 5px feathering. After applying the 
selection to a layer mask with a Layer>Layer Mask> 
Reveal Selection, you can paint in and out the 
existing details as desired. With another layer on top, 
you can also paint in more shine by using a brush 
with different opacities. 


COLORIZE THE LIPS 

With brushwork for the shine, and cloning 
to even the outline, the depth and shape are 
created. Mix up the lipstick colour with Layer>New 
Adjustment Layer>Hue/Saturation. By enabling the 
Colorize checkbox, it’s easy to try many different 
colours in seconds. You may use the same mask 
as before by holding the Cmd/Ctrl key and clicking 
on the layer mask previously created around the 
lips. Click on the Colorize button, and choose a 
colour that you think looks best. 






^ Q DEPTH OF FIELD 

I O ■ When the image allows it, get a little creative. On the background layer, apply an Iris Blur of 1 5px. 
Make it centered on the bridge of her nose, and large enough to come halfway through her hair. This does 
three things. First, it adds depth of field around the back of the model’s head and gives visual interest. Next, it 
eliminates excess details below the shoulders that could be distracting. Finally, it greatly reduces the amount 
of time needed to remove random flyaway hairs. 
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^ Q ELIMINATE BLEMISHES 

I O In a previous step you worked on general 
cloning for the obvious blemishes on the skin. Now it 
is time to go back in and do some more, but with a 
finer level of detail. Start cloning on a new blank 
layer, and move around the skin with the Healing 
Brush to eliminate the some more of the blemishes. 
Try to avoid making the image look overly 
processed. Leave some impurities, so that the 
overall results will look more natural. 



* ADJUST THE EYELASHES 

^ I I For the eyelashes, set your brush to a size 
of 3px and hardness of 80%. Select a dark grey/ 
brown colour from the existing lash area. Open 
your Window>Brush Palette and select Brush 
Dynamics. Change Control to Fade, set to 40. This 
will allow you to draw in some additional 
eyelashes, filling in the spaces. Adjust the value of 
40 to be higher or lower as needed. You may also 
want to adjust the brush Opacity as well. When 
finished, be sure to change Control back to Off. 


■ QUICK TIP 

Which facial features need to be kept, and which 
should be removed? When faced with 
imperfections in beauty retouching, take them 
out. The same imperfections in portrait 
retouching might be left in. Be careful what you 
take away though. Temporary blemishes can be 
removed, but lifelong marks should be retained. 



OQ DETAILED CLONING AND HEALING 

^ U l! It’s time to really evaluate the finer skin-related issues. The best results will likely come from zooming 
in at 200%-400%, and using a 1 -3px Clone Stamp brush at 1 0% Opacity; your source being a light area, and your 
destination being a darker pixel. By slowly lightening the darker pixels, you will gradually lighten the overall 
darker section. Do the same with overly bright pixels. Source a darker area, and slowly build up the density. 
Doing this at a professional level is incredibly time-consuming, but worth the effort. 



CORRECT THE EYEBROWS 

You may find that the eyebrows need 
refinement as well. Before starting, look at some 
images to find examples of what well-manicured 
ones look like. Use this as reference while you work. 
Various techniques can be employed. Often, you will 
want to use the Clone Stamp to remove any random 
hairs to help define the overall shape. Similar to the 
eyelashes, you can use a brush to paint back in 
missing hairs. This time you can make the Fade 
much stronger, like lOOpx. 


FINE DETAILS 

“ A true test of patience is the final detail 
work. Now that the image looks mostly complete, 
rest a few minutes, then come back with fresh 
eyes. As you correct the image, the more other 
areas become obvious. Which sections look 
over-worked, and which ones still look undone? 
Decide if anything still looks uneven. Removing 
darkness under the eyes and other discolourations 
pixel-for-pixel can get very tedious. But it’s this high 
attention to detail that will make your work stand 
out from everyone else’s. 


I 






^ / ADD EYESHADOW 

i Something retouchers need to do once in a while is to add extra makeup. It helps if you have some 
training, even if you are male! Like anything else, it is a skill and an art that requires practice. To add some 
eyeshadow above her eyes, use a Hue/Saturation adjustment layer like you did for the lips. Using the same 
techniques described earlier, softly paint on the layer mask with a 20% Opacity brush set to 20% Feathering, 
and reveal the shade of colour you created. 


■ s 
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Get custom filters in Filter Forge 3 


GET CUSTOM 
FILTERS IN FILTER 
FORGE 3 


’DISCOVER HOW THIS POWERFUL PLUG-IN ENABLES YOU 
TO DESIGN AND BUILD BESPOKE EFFECTS FILTERS 


T here is a plethora of plug-ins on the market 
for Photoshop, each of which claims to offer 
a unique function. Filter Forge has made an 
even stronger claim in this respect, as it 
enables you to create your very own filter effect. 
Photoshop can perform a vast range of imaging 
tasks, but building filter effects from scratch, which 
can be saved as editable presets, is not among them 
- and this is where Filter Forge truly excels. 

It installs as a plug-in and a standalone 
application and it can be accessed from within 


Photoshop or directly from your desktop. The 
former enables you to bring your effects straight 
into Photoshop, where further adjustments can be 
made using the vast range of tools on offer. 

In this tutorial you will discover how the filter 
editor in Filter Forge works. As with Photoshop 
itself. Filter Forge is a vast program and its surface 
can only be scratched within the confines of a 
tutorial such as this. However, this should form a 
solid grounding upon which you can start to build 
your skills and explore Filter Forge yourself. 


■ BEGIN BUILDING YOUR FILTER 


THE RESULT DIRECT FROM FILTER FORGE 



m SET IMAGE DIMENSIONS 

I The standard version of Filter Forge 
requires that you work with images that are no 
larger than 3000px x 3000px. If this size limit is 
not adhered to. Filter Forge will return an error 
message. You can check the precise dimensions 
of your image using lmage>lmage Size. Any 
dimensions are permissible provided each side 
is no greater than 3000px. 


ri^ DUPLICATE THE LAYER AND LAUNCH 
i FILTER FORGE 

Filter Forge won’t return the result of your 
endeavours on a separate layer, so it’s wise to create 
one before you launch the plug-in. It is also a good 
idea to make any required corrective adjustments to 
the image beforehand. Filter Forge can be found in 
the Filters menu. 


ENTER THE FILTER EDITOR 

Once Filter Forge has launched, you will 
need to head to the top right-hand side of the 
interface and select the Filter Editor. You’ll be asked 
to either create a new filter or edit an existing one. 
For now, opt to create a new filter. Next, drag the 
Image component to the stage as shown. 





OUR EXPERT 
MATT BENNETT 


Matt Bennett is features editor of 
Advanced Photoshop's sister title, 

I Digital Photographer. A former 
professional photographer, he is 
used to editing, retouching and 
adding effects to portrait images. 


-WORK IN 
PROGRESS 

PHOTOSHOP TO FILTER 
FORGE TO PHOTOSHOP 



Progress 1 : The original, 
unedited photo 



Progress 2: After contrast has 
been added in Filter Forge 



Progress 3: The result 
direct from Filter Forge 
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ri / I SELECT CONTRAST CONTROL 

I From the list of components, drag a Tone Curve to the stage and 
connect the Image component from the previous step to the Source. Tone 
Curves need a separate Curves component in order to function. So, from 
the Curves components menu, drag the Gain component to the stage and 
connect this to the Tone Curve. Finally, go to the Controls menu and drag 
a Slider Control onto the stage. Connect it to the Gain component in order 
to make the Gain adjustable. 


rin ADD A GRADIENT 

LJ J If you head to the Gradients components menu, you’ll find a range of Gradient 
types that you can add to your filter. The Free Gradient is one of the most flexible and is 
excellent for lighting effects. Drag this component onto the stage. For this effect. 

Radial, Mirror and Image Bounds have each been selected. There are presets for the 
Profile built into the Free Gradient, but this can be better controlled using the Curves 
components, which you’ll add in another step. 


r|C| INSERT GRADIENT CONTROLS 

LJw I From the Controls components menu, add 
Slider Controls to both Start X and Start Y to define 
the position of the Gradient. Add a Color Control 
component to dictate Color 1 of the Gradient. A new 
feature in Filter Forge 3 is the ability to select Allow 
Images on the left of the interface, before loading an 
image into each Color Control slider, such as a 
texture file or separate photo. Flowever, you can use 
the Color Picker for this. For Color 2, ensure that the 
A slider at the bottom of the dialog is set to 0. 

ri^y j ADD A PROFILE 

U / ! As mentioned earlier, the Free Gradient can 
be more effectively profiled by using one of the 
Curves components. Each of these produces a very 
different effect, so it’s always worthwhile 
experimenting with how each performs whenever 
you are building a filter in Filter Forge. Flere, the Step 
component has been chosen. Add a Slider Control 
for the Threshold and a Checkbox Control for the 
Linear setting. Your settings for the Free Gradient 
should look something like this. 




I CREATE SOME FLARE 

I Like the Free Gradient component, the Free 
Polygon offers similar potential for applying colour 
effects to your images. It can be found in the Patterns 
components menu. There are a lot of variables to the 
Free Polygon component, which is why it’s so 
powerful. Flowever, it also means that you need to 
spend some time making it as editable as possible, as 
you will need to adapt its functionality depending on the 
image that you are applying your filter to. 


■ QUICKTIP 

Whenever you team some components 
together and produce an effect that interests 
you, save this as a filter so that you can come 
back to it - even if you haven’t finalised a 
complete filter effect yet. You can then call 
upon these creative combinations for use in 
future filter building projects. 



J- rvsSr » 
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■ FINESSE THE LIGHTING EFFECT 

ADD THE EXTRA TOUCHES TO THE FILTER TO MAKE IT MORE CREATIVE 


■ SET POLYGON PARAMETERS 

As the Free Polygon component has so 
many different settings, you’ll probably be wanting to 


add various controls to the most important ones 
among them. The first of these is the Color. You 
should set a Color Control variable from the Controls 


components menu, so that you can match the colour 
of the Polygon against that of the Gradient later on in 
your work. 




001 ADJUST THE RADIUS 

The Radius controls the overall size 
of the shape that you're creating, so 
add a Slider Control to this. 


002 J CONTROL THE 
POSITION 

Add a Slider Control for each of the 
Origin X and Y values so the positon 
of the shape can be changed later. 


003 BEVEL, STAR AND 
SIDES 

Each of these helps the 
customisation of your shape you've 
created. The Sides will require an 
IntSlider control, rather than a 
regular Slider. 


’The Blend 
’ component is 
a vital facet of Filter 
Forge, as it enables 
you to draw 
together effects 
and adjustments JJ 



I ADD A BLEND 

1 The Blend component is a vital facet of Filter Forge, as it enables you 
to draw together effects and adjustments that you’ve created along the way 
and then merge them together to see the combined effect. Go into the 
Processing components menu to find the Blend component. Connect the Free 
Gradient to the Background and the Free Polygon to the Foreground. Many 
Filter Forge filters involve several Blend components to be added to the stage 
along the way. 


1 ^ I ADJUST THE OPACITY AND MODE 

I I You’ll notice that along with the Foreground and Background connectors 
within the program, the Blend component also features an Opacity option and a 
Mode option. Both of these options need to be adjustable later so that users can 
keep open the option to customise the filter’s effect. Attach a Slider Control to the 
Opacity connection and an IntSlider Control to the Mode. Filter Forge will always 
warn you if you add an unsuitable control component at any stage, which is helpful 
for anyone new to the program. 
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^ O ADD FINAL IMAGE EFFECTS 

I ^ Before you do the final Blend that’s going to complete the 
filter and draw together the image and the lighting effects, it’s a 
good idea to see if there are any other components you wish to 
add. For example, here you might want to take a Hue/Saturation 
component to the stage to counteract the effects of the contrast 
boost that were added earlier via Gain. This can be found in the 
Adjustments menu over on the right of the interface. 



^ Q I CREATE A SATURATION CONTROL 

I I The Hue/Saturation component that we have just added is there simply to control the 
colour saturation. It enables you to dial down the intensity of the colour, or boost it if you want. In 
order to make this manageable, it is necessary to add a Slider Control. There is no need to add 
similar controls for the Hue or Lightness variables, because these do not require adjustment at 
all for the effect that is being produced here. 


■ ADD THE FINISHING TOUCHES 

DRAW THE COMPONENTS THAT YOU'VE BEEN CREATING TOGETHER TO FORM A FILTER 


U CREATE THE FINAL BLEND 

■ Head back to the Processing menu, which 
is among the Components on the right-hand side 
of the interface. Drag another Blend component 
onto the stage. Connect the output of the previous 
Blend component - which was used to merge the 
Free Gradient and the Free Polygon in a previous 
step - to the Foreground connector step. Then 
connect the Hue/Saturation output to the 
Background connector. 




^ n MAKE THE FINAL CONNECTIONS 

I J i As with the previous Blend component that we created, it is necessary to add Slider Controls to the 
Opacity and Mode slots for this final Blend component. Remember to make the Mode control an IntSlider 
Control. Once you’ve done this, the final stage in joining the dots is to connect the output of this Blend 
component to the Result component - which has been waiting patiently in the stage all this time. This will 
complete the custom filter. 
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NAME YOUR ADJUSTMENT 
SLIDERS 


Before exiting the Filter Editor, it’s a 
good idea to go back through the 
Slider Controls that have been 
added along the way and ensure 
that you have named each of them 
individually. There’s a good reason 
for this. These controls form the 
basis of the settings that Filter 
Forge users can adjust later on, 
and this is something that is far 
easier to do if they can see what it 
is that they are adjusting. 





■ QUICK TIP 




Although components such as Berlin Noise in 
Filter Forge 3 are excellent for adding textures to 
your filters or creating arty frames and border 
effects, you can also bring in external files using 
the Color Control component, as discussed in Step 
6. These could be photos that you’ve taken 
yourself of surfaces that you think will make for 
interesting effects in Filter Forge, or textures 
you’ve downloaded from websites such as www. 
texturepalace.com. If you are going to hunt 
online for textures, be aware of any usage and 
copyright restrictions that may have been 
imposed by the original author. 


■ QUICK TIP 

Filter Forge can appear daunting at first, as it’s a detailed application with a lot to learn and get to grips 
with. Flowever, you can find inspiration by selecting an existing preset - and there are many of these 
available for free download - opening up the Filter Editor and looking at how the filter has been 
constructed, component by component. 



^ fy ■ CHANGE THE SEHINGS 

I / ■ Save your filter, if you haven’t already done 
so (it’s probably best to save your work as you go 
along) and you’ll be returned to the main Filter Forge 
interface. Any filters you’ve created yourself in the 
Filter Editor are listed in the My Filters presets menu 
at the top left. You’ll notice that presets have a 
Settings menu, in which the variables that you built 
into your filter, such as colours and slider controls, 
can be adjusted. 



^ Q RETURN TD PHDTDSHDP 

I O ; Click the Apply button at the bottom right of 
Filter Forge and you’ll be taken back to Photoshop, 
assuming you’re using the program as a plug-in. The 
filter effect will be returned on whatever layer you 
were last working on in Photoshop, where further 
effects can be added. Flere, a Layer Mask has been 
added to the Filter Forge Layer and the effect has 
been refined using the Brush tool set to black and 
the Opacity set to 48%, in order to reduce the effect 
around the subject’s face. 
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050 Build sci-fi cityscapes 

Create a futuristic Blade RunnersXyie scene 
by combining rural and urban elements 

054 Create a dynamic 
photomanipulation 

Learn to control fire and rain using different 
design techniques 

060 Capture wood grain textures 

Get organic and rural textures to add to 
dynamic photo edits 

064 Create your own frozen 
textures 

Craft icy textures to use in and enhance 
your digital projects 

068 Make custom leaf textures 

Source props from the natural environment 
to create realistic composites 

072 Master pro composites 

Learn new tips and techniques for creating 
expertly refined composites 


To paint realistic hair, there 
are a couple of things to 
watch out for. Pay 
attention to the 
movement of the 
hair and how the 
hairs are reacting to 
the light 
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BRANDON CAWOOD 

www.brandoncawood.com 

@Brandon_Cawood 

Brandon Cawood is a commercial 
and advertising photographer 
from Georgia, USA. He specialises 
in high-energy composites and 
does his own retouching and 
Photoshop work. 

f SOURCE FILES 

Check out the tutorial files online 
for images to try this 
manipulation out for yourself. The 
other image is from www.tinyurl. 

com/mw63jow and the fog 
texture package is from www. 
phlearn.com. 






SCI-FI CITYSCAPES 

LEARN TO COMBINE CITYSCAPE ELEMENTS WITH RURAL LANDSCAPE 
ELEMENTS TO CREATE A EUTURISTIC BLADE RUNNER-STYLE SCENE 

M any of us long for the challenge of understanding of adjustment layers, blending modes the movie Blade Runner and othi 

creating a world that only exists in the and masking techniques. The idea here is to take Lighting effects and atmosphere 
mind of the creative. This tutorial outlines multiple elements from different landscape images the mood and feel of this image, 
the basic techniques to reach that and create something that only exists in the the tutorial as it guides you throL 

desired outcome, but will take a good deal of 
experimentation and trial and error to get it just right. 

It is for those with a solid foundation and 


understanding of adjustment layers, blending modes 
and masking techniques. The idea here is to take 
multiple elements from different landscape images 
and create something that only exists in the 
imagination. For this particular image, you will be 
creating a futuristic cityscape emerging from a rural 
sunset scene. This image is very much inspired by 


the movie Blade Runner and other movies of its kind 
Lighting effects and atmosphere play a huge role in 
the mood and feel of this image. Follow along with 
the tutorial as it guides you through the basic 
principles of each step. Hopefully this will inspire you 
to create worlds of your own, and maybe you will 
even learn something new! 
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■WORK IN 
PROGRESS 

FROM RURAL TO 
FUTURISTIC 


Progress 1 : Place your elements 


Progress 2: Masking and 
perspective 


Progress 3: Add light effects 



m i CONCEPT AND GATHER 

I When trying to pull off any photomanipulation, proper planning 
is essential. Planning gives you a starting point. A simple sketch is all 
you need. Having a sketch will allow you to explain your vision to your 
talent or client and allow you to remember all your brainstorming ideas. 
Think about the angle, the perspective, where the light is coming from, 
and any other details you want to remember. It doesn’t have to be a 
work of art. Once you have a concept, you can gather the elements for 
your image. 



taken at different times, the perspective on each 
image may be different. You want to use images 


that have similar visual perspectives. You don’t want 
to use an aerial city shot with one taken from a low 
angle, as the perspectives won’t match. You can 
adjust perspectives that are slightly off by going to 
Edit>Transform>Perspective. By clicking and 
dragging on the corners, it will adjust the 
perspective of the photo. There are several 
perspective tutorials online for more detailed 
information on this technique. 



r MASKING, CLONING AND CURVES 

I When you are working with landscapes, 
use the natural lines to your advantage. Try masking 
things in and out on the horizon. It is always a good 
idea do to any cloning on a separate layer in case you 
make a mistake. Use Curves adjustment layers 
clipped to your layers to adjust the colour 
temperature and exposure of each element so that 
they blend with each other. You can also use Levels 
adjustments to add shadows and highlights to make 
sure they all match within the final image. 




QO I PLACEMENT 

I To get an idea of whether your concept is 
going to work the way you have planned, you can do 
a quick mock-up. For this step, take all of your 
elements and place them in their intended places on 
separate layers. It may be necessary to do some 
quick masking so you can see layers underneath 
each other. Try to line up the horizons of each image 
if possible. Make sure you use a layer mask on each 
layer. You don’t want to permanently erase 
something you may need later. 


You don't want to use an 
"" aerial city shot with one 
taken from a low angle. The 
perspectives won't match W 



rin I BILLBOARDS 

U w I By using a photo that already has signage, 
you already have a template to place your billboard 
images. Paste your image in a layer above the 
underlying signage. Go to Edit>Transform>Distort. 
Now you can place each corner of the image on top 
of the corners of the underlying billboard. Be sure to 
use portrait crops on tall billboards and landscape 
crops on long billboards. If there happens to be a 
curve around a corner, like this image, while still in 
Transform mode. Ctrl/right-click and select Warp. 
Warping will allow you to curve the edges where you 
need to. 
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Build sci-fi cityscapes 


■ QUICKTIP 

Make sure you save your project often. This will keep you from losing hours of valuable time on a project. 
If you get to a point where you want to try something that may or may not work, save your document first. 
Then click File>Save As and name it something else. This way you aren’t working on the original file and 
can always go back to it later. 



one some depth is to create some atmosphere. To 


do this, establish a foreground, midground and 
background. You can use an image of fog on a black 
background to create the atmosphere. Be sure to 
change the blending mode to Screen. You can 
adjust how thick the fog is by using a Levels 
adjustment layer. Make sure the adjustment layer is 
clipped only to the fog layer so it doesn’t affect the 
rest of the image. Place varying amounts of fog in 
the foreground, midground and background for a 
more realistic look. 



simple. Because they will have so many lighting 
effects added to them, they don’t have to be super 
detailed. You can create the basic shape and 


colours with the Brush tool and then use the 
Smudge tool to blend them together. Be sure to 
put light colours anywhere a lighting effect will be 
added. You can duplicate the layer when you are 
done and change the scale to create multiple cars 
by hitting Cmd/Ctrl+T to transform. Be sure to hold 
Shift while you drag a corner in or out to keep the 
dimensions the same. 



the image but also helps blend all the elements 
together. Photoshop has built-in flare effects and 
there are also third-party plug-ins. For the neons. 


make your lines with a white hard brush and then go 
to Layer>Layer Style>Blending Options. Select outer 
glow and inner glow. Set the blending mode of both 
to Screen and adjust the size and spread as needed. 
Also choose a rounded contour. Clip a Flue/ 
Saturation layer to your neon layer to change the 
colour of the neon. Select Colorize and use the Flue 
and Saturation sliders to get your desired colour. 



riQ [ COLOUR GRADING 

LJO I Add a Color Balance adjustment layer. The colour balance adjustments will vary 
from image to image, so play around with them to get the look you want. For this image, 
the shadows and midtones were pushed towards the cyan and green tones to create teal, 
while the highlights were pushed towards the red and yellow tones to create orangey 
yellow. Sometimes, using a Color Balance adjustment on top of another Color Balance 
adjustment can give you different looks. Just don’t push it too far or you will risk losing 
details in your image. 


^ n I ADO GRAIN FOR BLENDING 

I U I Lastly, add grain. Create a new layer above your sharpened 
image. Flold down Shift and hit Delete. Choose ‘Fill with 50% gray’. 
Change the blending mode of this layer to Soft Light. Next, select 
Filter>Noise>Add Noise. The size of your image will determine the 
Amount you use. Choose Uniform and leave Monochromatic 
unselected. Once you apply, hold down Cmd/Ctrl+U, then pull down the 
Saturation to -85%. Leaving a little colour in the grain will make it look 
more natural. Be sure to do this step at 1 00% zoom. You can adjust the 
Opacity if it feels like it’s too much. Save your PSD. 
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Create a dynamic photomanipulation 


CREATE A DYNAMIC 
PHOTOMANIPULATION 

I LEARN TO CONTROL FIRE AND RAIN USING DIFFERENT 
ItECHNIOUES to create DYNAMIC ARTWORK 



OUR EXPERT 

MIKE POE SOE 

www.be.net/moepike 

@moepike 


E rode presents the beauty of things being 
brought down by two elements - rain and 
fire. This tutorial will cover the areas of 
creating these elements using different 
blend modes, and we will also learn how to paint hair 
and to use adjustment layers to colour the scene. 

We will be using Photoshop to create a dynamic, 
breathing atmosphere along with creating realistic 
interactions between each element in the scene. 


A tablet is recommended since there will be some 
painting sessions. However a mouse is still sufficient, 
it will take longer though. We will be importing 
different images so certain stock photography is 
required, you should be able to find free photographs 
online that you can use to follow the tutorial. 

If you run into trouble while following the tutorial, 
reflect on how materials work in reality and how they 
interact with each other. Such as, when water hits 


Moe Pike Soe is a 22-year-old 
self-taught digital artist and designer 
from Yangon, Myanmar. He is 
currently working as a freelance 
graphic designer while extending his 
knowledge at Parsons the New 
School of Design in New York City. 


Y SOURCE FILES 

On FileSilo you will find the 
background image, texture image 
and the flattened final image 


Photoshop CS6 and above will be sufficient to follow 
the tutorial. Additionally we will be visiting how to 
create my latest style, the reflection plates. 


fire, it creates steam. After finishing the tutorial, you 
will be in control of two elements and able use them 
in your future projects. 


■ SET UP THE BASE 

COMPOSE THE BACKGROUND AND MAKE BASIC ADJUSTMENTS TO THE MODEL PHOTO 


m l SET UP THE BACKGROUND 

I The goal is to create a dark and humid 
atmosphere. Create a new document with the 
dimensions of 2000 pixels by 2444 pixels. Either 
import the background image or fill a new layer with 
the colour #0f1 81 b and paint it using different smoke 
and cloud brushes. The brush colours should range 
from white to colour #a5c2d2 at 70% Opacity. 


I FILL IN LIGHT 

I There are three light sources affecting the 
objects. Create a new layer above the background 
image. Paint on top left corner with the colour 
#54371 6, set the blend mode to Linear Dodge and 
name it Warm Light. Create another layer below 
Warm Light and paint around the edges of the top 
of the canvas. Name it ‘Fill Light’. 



riQ I FINALISE THE BACKGROUND 

I Create a new adjustment layer for Selective 
Colors below the Warm Light layer. Under the Blue 
tab, change the value of Yellow to -44% then, under 
the Neutral tab, change the value of Yellow to -5% 
and Black to +1 3%. Now under the Black tab, change 
the value of Yellow to -3% and Black to +9%. 



■WORK IN 
PROGRESS 


FROM SETTING UP 
BACKGROUNDS TO 
FINAL COMPOSITE 



Progress 1 : Setting up 
the background 



Progress 2: Starting the fire 
and rain 



Progress 3: Reflecting shards 
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ri / I SET UP THE MODEL 

I Import the model image. Cut out the 
model using the Pen tool (P) and smooth out the 
selection using Refine Edge. Make a layer mask and 
if there are rough edges, paint over the layer mask 
using a small hard brush. The hard edges of the hair 
will be painted later in the steps so do not worry 
about the hair being unrealistic at the moment. 

Place the model in the middle of the canvas and 
Cmd/Ctrl+T>Right-click>Flip Horizontal. 



Name it ‘High Pass’. Now, go to Filter>Other>High 


Pass and set the value to 6. Change the blend mode 
to Overlay and clipping-mask it to the Model group. 
Create a new adjustment layer for Selective Color 
and also clipping-mask it to the Model group. Under 
the Red tab, set the Yellow to +6% and Black to 
+1 0%. Under the Yellow tab, set the Black to -7%. 
Under the White tab, set the Black to -8%. Finally 
under the Black tab, set the Yellow to -7%. 



I CHANGE THE SKIN TONE 

I The model’s skin is pale at the moment. 
Add colours to the skin by creating a new 
adjustment layer for Selective Color. Under the Red 
tab, set the Yellow to +78%, under the Yellow tab, 
set the Yellow to +8% and Black to -3%. Then 
under the White tab, set the Yellow to -6% and 
Black to -1 %, under the Neutral tab, set the Yellow 
to +6% and under the Black tab, set the Yellow to 
+5% and Black to +3%. Make sure the adjustment 
layer is clipping-masked to the model layer. 



model layer and name it ‘Hair Shadow’. Grab the 
brush tool (B), select a 200px soft brush and paint 
around the bottom part of the hair. Change the 
blend mode to Soft Light. Create a new layer above 
the shadow layer and name it ‘Red’. Clipping-mask 
it to the model layer, set the blend mode to Overlay 
and Opacity to 70%. Now paint over the rest of the 
hair with red #ff 1 700. Group all the model layers 
and name the group ‘Model’. 



PQUICKTIP 

When painting the hair, make sure not to create a blob. Remember to use small brushes around 2 to 
4px. To create more highlights, grab a soft brush, change the blend mode and paint over the highlighted 
parts of the hair with a bright warm colour. 



riQ I PAINT THE HAIR 

LJO I Select the Brush tool (B) at the size of 4px and Opacity of 60%. Create a new layer and name it 
Hair. To paint realistic hair, there are a couple of things to watch out for. Pay attention to the movement 
of the hair and how the hairs are reacting to the light. There are three colours to paint in the hair. Start 
by painting the bottom layer with the colour #661 61 1. Use #873c18 for the middle layer, and the final 
colour for highlights is #e6b630. 
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FIRE AND RAIN 

PAINT IN SPECIAL EFFECTS WITH PHOTOS AND BRUSHES 


no I 

LJO I There are a few steps for creating realistic fire, which include the flames, the 
affected area, the sparks and the smoke. Fire images can be found on many stock sites. 
Find one with a black background. Change the blend mode to Linear Dodge and select 
the layer then Right Click>Warp and make the flames fit the contour of the model’s back. 


001 I THE 
AFFECTED AREA 

Import texture.jpg and 
create a layer mask 
then invert, Cmd/Ctrl+I, 
and brush over the 
parts of the model's 
back 


002 I THE 
SPARKS 

Import sparks.jpg and 
change the blend 
mode to Linear Dodge. 
Place the sparks as if 
the wind is blowing 


003 I THE SMOKE 

Grab a soft brush (B) 
with colour #fbd784. 
Opacity at 50% and set 
it to Screen blend 
mode. Paint around the 
model 



^ Q I CREATE THE RAIN 

I U I Create a new 
document at 3000px by 3000px. 
Select the Brush tool (B) at 
35px and draw a straight line 
vertically on a new layer. Now 
grab the Eraser tool and 
carefully erase out the top of 
the line so that it looks like the 
top part is faded out. Transform 
it, Cmd/Ctrl+T, and tilt it. After 
that, select Edit>Define Brush 
Preset and go to Brush Presets 
to change the Shape Dynamics 
and Scattering values 
according to your preference on 
how heavy the rain is. 


££To paint realistic hair, there are 
** a couple of things to watch out 
for. Pay attention to the movement 
of the hair and how the hairs are 
reacting to the light 99 


■ QUICKTIP 

Use different blend modes to determine how each layer 
reacts to the layers below. Overlay and Soft Light can be used 
to shade objects with colours, light and dark, while Linear 
Dodge and Screen focus only on light. Experiment with 
different blend modes to decide the best way to make an 
object fit in the composition. 
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■ THE FINAL DETAILS 

CREATE SHARD EFFECTS AND FINAL ADJUSTMENTS 




n | FRONT RAIN AND BACK RAIN 

I Create a new layer just below the Warm Light layer but above all other 
layers. Name it ‘Overlap Rain’ and start painting. Make sure to have the Flow at 
30% when you paint. Paint with various sizes of the brush. After that, duplicate 
the layer, name it ‘Behind Rain’ and place it below the model layer. Transform it so 
that the raindrops do not overlap. Create another layer above the Overlap Rain 
and paint one or two really big raindrops near the corners. This will create depth 
of field. 


I THE SPLASHES 

I To create realistic rain, it needs to interact with the objects within the 
composition. Water splashes can easily show how hard the rain is hitting the 
ground. www.deviantART.com has a lot of users that offer free water splash 
brushes. Choose one that has transparency and great highlights. Now after 
installing the brushes, paint around the contour lines of the model from the hair 
to the shoulder, creating small to medium-size splashes. It almost looks like 
sparks, but the colour will be white. 




^ Q I GET INTO DETAIL 

I J I Before creating reflection plates, look for 
any mistakes you might have made. This would be 
the best time to make corrections to the mistakes 
since the layers are going to be merged to create 
reflections. Go into details such as the eyes. Import a 
fire image, set it to Linear Dodge and transform it so 
that it looks like a reflection in the eye. After that grab 
a soft brush set to Soft Light with colour #c256 1 f and 
paint around areas of the model that catch the light 
from the flames. 



Ctrl+Shift+Alt+E to merge all the layers onto the new 


layer. Right-click the layer and duplicate it into a new 
document. Select the Pen tool (P) and create three 
shapes to form a 3D plate. Name the shapes 
accordingly, with one being the biggest and three the 
smallest shape on the bottom. Mask the artwork 
layer by selecting shape one. Duplicate the artwork 
layer twice and clipping-mask it to the remaining 
shapes two and three. 



brush to paint along the edges of the top. Create two 
new layers and repeat for shapes two and three. 


Clipping-mask the layers onto the shapes that they 
belong to. Create a new layer, Cmd/Ctrl+click shape 
one and right click>Stroke>2 to 4 pixels. Cmd/Ctrl+D 
to deselect and then repeat this step for shapes two 
and three. Grab the Eraser tool (E) and fade out the 
strokes from the bottom to the top. 
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below the model and name it ‘Shard 1 Adjust the clipped artworks and position them 


according to the shard’s environment. Remember to reflect the layer by transforming with 
Cmd/Ctrl+T and choosing Flip Horizontal. After getting the image right, create a new layer 
and clipping-mask it to Shard 1 . Grab a soft black brush and paint in the shadow cast by the 
model. Duplicate the shard layers and transform, using Perspective to create the left shard. 



■ SIMILAR TECHNIQUES 

Here’s another of my artworks created for Desktopography. I used 
similar techniques but here they only focus on light and reflection. 
Light is one of the most important factors in creating realistic 
renders in Photoshop. Study the light and shadow by looking at 
dark black-and-white photographs. It can really help you in 
studying how an image can be constructed by just using highlights 
and shadows. 


^ fy I ADJUSTMENTS 

I / I This is the final revision for the artwork. 
Correct any mistakes before you merge the layers 
and sharpen via High Pass. If everything is 
satisfactory, create a new adjustment layer for 
Exposure and set the Offset value to +0.1 26 and 
Gamma to 0.91 . Create another adjustment layer for 
Vibrance and change the value to +32 and Saturation 
to +4. Create the final adjustment layer for Levels. 
Set the black at 5, and white at 241 . Group all the 
layers and name it the group Adjustments. 





EXECUTION 

Create a new layer on 


top, Cmd/Ctrl+Shift+ Alt+E to 
duplicate and merge all the 
layers. Go to Filter>Other>High 
Pass and set the value around 
4px. Change the blend mode to 
Overlay. Now the artwork is 
sharp and has more contrast. 
Create another layer, fill (G) it 
with black and go to Filter> 
Noise>Add Noise around 150% 
with Gaussian ticked. Next 
change the blend mode to Soft 
Light at 20% Opacity. Then 
create a final layer, change the 
blend mode to Soft Light and 
paint around the edges to create 
a vignette. 
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W ood surrounds us. We find it in our furniture, our walls, our doors, our 

desks, our fences, our pencils, our tools, and many other places. Chances 
are that right where you sit reading this, there’s at least one example of a 
wood grain texture within your sight. Go ahead and look around and count 
how many different wooden elements you can see. It’s okay, we’ll wait. 

Interesting, isn’t it? Wooden objects make up so much of our lives, yet are so rarely 
seen in our digital work. It’s true that creating synthetic wooden textures is a difficult 
process and rarely looks convincing. But there are other ways to obtain that natural, 
rustic wood grain feel without trying to draw it yourself. This resources project 
explores a couple of methods for finding, digitising and using beautiful wood grain 
textures from the world around us. 

Follow along and create your own textures, then supplement those with our free 
pack of wood grain textures on FileSilo. Free for you to use in your personal projects. 


WOOD GRAIN 
TEXTURES 

I ADD NATURAL BEAUTY TO YOUR 
I DESIGNS WITH RUSTIC WOOD GRAINS 



Capture wood grain textures 


■ SHOOTING YOUR OWN WOODEN TEXTURES 

CAPTURE WOOD GRAIN TE)CrURES TO USE IN DIGITAL PRDJECTS 



Oil 


SELECT A GRAIN 

Wooden objects are commonplace in 
our world. Find an object or surface that 
contains an interesting or useful wood grain. Try 
to locate an area with a flat, smooth surface. 


02 


FLATTEN OUT 

Frame the photo to shoot the texture 
as flat as possible. This often means finding a 
way to shoot straight down onto a surface, so be 
careful to keep your feet out of the shot! 



041 


ISOLATE IN PHOTOSHOP 

I Open the photo in Photoshop. Crop the 
photo down tight to the target surface, then create 
a loose selection around it and copy it to a new 
layer. Flide or delete the original photo layer. 


05 


CONTENT-AWARE FILL 

I Select the empty area around the 
surface and then go to Edit>Fill. Use the 
Content-Aware option to fill in the canvas with a 
fabricated wooden texture to match the original. 



Either use a diffused off-camera light source, or adjust the 


camera settings to make use of the natural light in the room. 


It's true that creating synthetic 
** wooden textures is a difficult 
process and rarely looks convincing. 
But there are other ways to obtain 
that natural, rustic wood grain feel J| 
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■ USE AS MATERIALS IN 3D RENDERS 

USE YDUR CUSTOM WOOD TEXTURES TD CREATE BEAUTIFULLY RENDERED 3D SCENES 

Wood grain textures are great for backgrounds, but can also be used to create 
believable wooden textures for 3D objects that are rendered right in Photoshop. 


Assigning the same texture to the 
Bump setting will give the wood a 
rougher appearance that follows 
along with the grain. This prevents 
the surface from looking too smooth 


The primary method of creating the 
material is simply assigning the 
texture to the Diffuse setting of the 
3D material. Be sure to make the 
texture seamless first! 







Photomanipulation 



■ USING A SCANNER TO CAPTURE TEXTURES 

FOR SMALL WOOD SURFACES, SCANNING IS THE PREFERRED METHOD 



m l SCAN IT! 

I Scanning ensures there is no perspective 
or uneven lighting to worry about as long as the 
wood is lying flat on the scanner glass. Scan in 
colour at a high resolution of 300dpi or better. 





TRIM UP 

■ In Photoshop, open the file and use the 
Crop tool to trim off the outside areas and the edges 
of the wood. Also flatten out any unwanted rotation 
from the scanned image. 



QQ I CLEAN UP 

I Use the Spot Healing Brush tool to 
remove any small snags or splinters in the wood 
surface. Larger damaged areas will require the 
Patch tool or Clone Stamp tool. 
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■ WOODEN TEXTURE BACKGROUNDS 

USING YOUR TBCrURES FOR HANDSOME DIGITAL BACKGRDUNDS 

Using a natural, organic texture like wood grain can bring a sense of trust and 
comfort to the cold realm of digital art. When using a natural wood background 
texture, make use of blending modes to allow as much of the texture to show 
through without disrupting the essence of the artwork. Allow the natural feel to 


enhance the composition, not clash with it. So use a warm palette with earth 
tones and consider adorning the composition with other natural-appearing 
elements like floral arrangements. Avoid hard, sharp edges; instead opt for 
shapes with rounded corners. In our composition here, a gradient mask fades 
the main content box to allow more of the wooden texture to show through. The 
wood background inside the rounded boxes is also slightly different to the 
background texture. This helps to set the content off from surrounding elements. 




■ HOW TO CREATE SEAMLESS PATTERNS 

HDW TD CRAR WDDD TEXTURES THAT CAN REPEAT WITHDUT VISIBLE SEAMS 


Ti 



m r REMOVE DISTORTION 

I Use the Lens Correction filter to correct any geometric 
distortion created by the curve of the camera lens. This will straighten 
out the lines that tend to curve away from the centre. 



I OFFSET FILTER 

I Go To Filter>Other>Offset and make 
sure the Undefined Area is set to Wrap Around. 
Then adjust the sliders until the seams of the 
repeating image are clearly visible. 



healthy area around it. Use the 
Content-Aware Fill to help blend the 
edges together. Touch up any problem 
areas with the Flealing Brush and 
Clone Stamp tool. 
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CREATE YOUR OWN 
FROZEN TEXTURES 

LEARN EASY TIPS AND TRICKS EOR CRAETING ICY 
! TEXTURES TO USE IN YOUR DIGITAL PROJECTS 


W hen the weather’s cold, it’s easy to 
feel your projects wandering into 
winter wonderlands. Ice is one of the 
most beautiful and captivating 
materials found in nature. Creating believable, 
synthetic icy textures is frequently more difficult 
than the final textures are worth - especially 


considering how easy it can be to create naturally. 
Adding a few simple ice effects can give a simple 
photo a chilling twist. Ice textures are relatively 
easy to capture if you can work quickly enough to 
photograph them before your ice melts into a 
puddle. They require very few materials, usually 
just water and a freezer. It does take a bit of 


practice, but having a few good ice textures is 
extremely useful. In this tutorial, you will learn 
how to photograph ice in many forms so that it’s 
applicable to a variety of projects. After trying 
your hand at creating your very own icy textures, 
be sure to follow along with our video tutorial on 
turning them into a digital ice sculpture. 
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■ BASIC ICE PHOTOGRAPHY 

HOWTO PHOTOGRAPH ICE FOR STANDARD ICE TEXTURES 




m l PREPARE THE ICE 

I Get a pan, one that’s fairly large so you can 
make enough ice to photograph. Pour in a thin layer 
of water - if the layer is too thick, the ice will be hard 
to work with. 


riO I FREEZE YOUR WATER 

I Freeze the water for a few hours. If you 
want an interesting edge, tip the pan slightly so the 
water pools on one side. This will also give you 
variation of depth to add interest. 


riQ I START TO PHOTOGRAPH 

I Quickly slide the ice onto a solid black 
backdrop. Make sure to light it evenly and be careful 
to avoid glare. Then quickly snap as many shots as 
you can from directly above. 


■ HOWTO CREATE COLOURED ICE 

CREATE COLOURED ICE TEXTURES SIMPLY 





m l CREATE COLOURED WATER 

I Drop a couple of drops of India ink into a 
pan of water. If you want to use these ice cubes after 
photographing, use food colouring, but you may 
need to increase the amount. 


FREEZE AND CAPTURE 

Once it’s frozen, place it on a solid white 
background and photograph it with as even lighting 
as possible. Make sure you’re photographing it from 
above to get a better effect. 


ADD DETAIL 

After photographing the coloured ice, go to 
Camera Raw and slide the Clarity slider up until you 
see as much detail as you want. Adjust your other 
settings so there’s enough contrast to see the texture. 
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■ MAKE YOUR OWN ICE LETTERS 

CUSTOM ICE CUBE TRAYS CAN MAKE CHILLING LEHER-FORMS 

Making frozen letters is an easy task with 

the right trays. It is much easier to freeze 

water in the shape you want, rather than 
shaping it once it’s frozen 

The resulting letter-shaped ice blocks are 
perfectly shaped, and easy to work with. 

They do tend to be rather small, so expect 
that limitation when planning to use them 


The letter-shaped ice trays are easy to 
use, cost effective and readily available 
online. Simply fill with water and then put 
in the freezer for a few hours 

Be prepared for the setting to get wet. If 
you plan on shooting the ice blocks on a 
cloth or paper, be sure to have plenty of it 
to replace the waterlogged pieces 


Remember that this is actual ice. It will 
melt and return to its natural liquid state 
fairly quickly and bright lighting will speed 
that process along 




DIGITAL ICE SCULPTURE 

STAY WARM AND CREATE AN ICY CREATION IN PHOTOSHOP 


Although the stages behind creating this 
texture might be lengthy, once your ice has 
been formed, photographed and processed 
- and you are happy with the images - you 
will be free to work it into any number of 
digital creations. 

One application is to use the textures on 
a digital ice sculpture. The most effective 
way of doing this is to use one of the 3D 
models freely available with the program. 
Go to 3D>Get More Content for links to 
download free models. The ice textures can 


be used in several of the available attributes 
for the 3D material. Diffuse is the most 
obvious selection, but also consider the 
Opacity and bump maps too. First, be sure to 
create a seamless and smooth tile from the 
ice textures by using the Filter>Other>Offset 
filter to reveal the seams of the tiled texture. 
Then remove those seams with Content 
Aware Fill. 

For a more detailed explanation of how to 
craft this digital icy masterpiece, check out 
the corresponding video tutorial on FileSilo. 
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■ WORKING WITH CRUSHED ICE 

HOW TO PHOTOGRAPH CRUSHEO ICE AS A TEXTURE 




T 


GATHER THE ICE CUBES 

You will only need one ice cube at a 
time for this type of crushed ice photography. If 
you have an ice-maker you can use that too, but 
you won’t need too much at one time. 




ri^ i WORKING WITH SHAVED ICE 

I Set up your camera on a tripod. Then with a 
knife, shave the ice cube over a black backdrop - you 
should only need a couple of scrapes and the shards 
should fall in a general area. Try for different types of 
pieces too. 




■ TAKE YOUR PHOTOS 

LJO I Once you have a pile of shavings, quickly photograph them before they melt. Then wipe your 
backdrop and start again. You should get three or four photos from each ice cube if you work quickly enough. 





ICE BLOCK LETTERS 

FROZEN LETTERS 

Save time by using our frozen letterforms to 
create your own icy text. These have been 
carefully photographed against a dark 
background, so you can just set the blending 
mode to Screen and use the textures! 
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TEXTURES 


LEARN HOW TO TRANSFORM LEAVES INTO STUNNING 
DIGITAL DESIGN ELEMENTS 


dressing of a tree, they also add a natural warmth 
and earthy resonance to a digital design. 

Drawing individual leaves can be time consuming 
and tedious, but there’s no reason to illustrate 
thousands of leaves by hand when there is an 
abundance of the real item surrounding you. In this 
project we will show you how to best treat and 


digitise various types and shapes of leaves to use in 
your compositions. 

After working through the projects, load the 
resources from FileSilo and start using the leaf 
brushes and stock right away. Also be sure to check 
out the corresponding video tutorial, where we delve 
into the new Render Tree filter in Photoshop CC 201 4. 


L eaves are an amazing natural occurrence. 
These little miracles of photosynthesis grow 
by the billions and are cast off each year in 
the autumn. Each one is as unique as a 
snowflake, yet similar enough that they can act like 
a fingerprint from the type of tree they come from. 
Not only do leaves provide the essential, life giving 
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MAKE CUSTOM LEAF 



Make custom leaf textures^ll 


■ BASIC LEAF PHOTOGRAPHY 

HOWTO PHOTOGRAPH LEAVES FOR USE IN PHOTOSHOP 



m l HUNT AND GATHER 

I Search for the leaves you want to use. Try to find a variety of types, sizes, and colours. The wider 
assortment you find, the larger your library will be. 



02 


PRESS THE LEAVES 

I Soon after gathering your leaves, find a book 
to press them. Place a couple on a page, then close 
the book and put it under some heavy objects. Leave it 
for a few days. 


0311 


PHOTOGRAPH OR SCAN 

Photograph or scan your leaves on a white 
background with even lighting. Since the leaves are 
so flat already, photographing them will work just as 
well as scanning. 



■ LEAF PRINTS 
FOR TEXTURES 

LEARN HOWTO MAKE LEAF PRINTS FOR USE 
IN PHOTOSHOP 


m s SUPPLIES 

I You will only need a few things for this: 
your pressed leaves, a paintbrush, some India 
ink or a stamp pad, and smooth paper on which 
to stamp your leaves. 


ri^ I PAINTING THE LEAVES BLACK 

\J^ I Dilute the ink slightly and paint it onto 
the backs of the leaves. The backs have the most 
texture and will transfer better. Make sure you 
get ink in every part of the leaf. 


kJ%J \ Lay the leaf ink-side down on the 
paper. Dab the back with a towel to transfer it 
cleanly. Then peel the leaf up by the stem to 
reveal your print. 
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■ HOW TO MAKE A LEAF BRUSH 

QUICKLY TURN YOUR LEAF PHOTOS INTO BRUSHES 

Start by opening your image. Desaturate it and then 
adjust the levels until you’re satisfied with the contrast. 
Save it as a brush preset and name it accordingly. 


Desaturate the 
image. 
Remember 
that only the 
dark parts will 
be visible as a 
brush, so 
experiment to 
make sure 
your images 
have enough 
range of value 
in black and 
white 


Photomanipulation 


Save as a brush preset in your Edit 
menu. Make sure your image is 
high resolution so your brush is a 
decent, usable size. Also test the 
brush to make sure it’s correct 


Make sure the picture you select is 
free from distractions, like a cluttered 
background or too many shadows. 
Crop as close to the leaf as possible 
to lessen the chance of distractions 


Play with the levels until 
you like the contrast. 
Make sure the 
background is pure white 
or it will show up as a box 
around your leaf when 
you turn it into a brush 



LEAF-THEMED SCRAPBOOK PAGE 

MAKE A THEMED SCRAPBOOK PAGE USING THESE ASSETS 


Working with digitised paint splashes can 
be a lot of fun, and bring a much needed 
addition of visual interest to an otherwise 
somewhat bland design. In this example, 
we began with an attractive text design. 
The placement and colours are good, yet 
still fairly boring and plain. However, 
adding a slightly tilted angle to the 
camera view, along with several paint 
splash and splatters for texture, creates a 
visually compelling and interesting piece. 
These paint splashes can be used as 


simple layers and positioned precisely, but 
that frequently defeats the purpose of 
adding an element of randomness. Using 
the splashes as brushes allows the use of 
the scattering, angle jitters and flip jitters 
from the brush properties to create 
chaotic sprays of paint spots. Be sure to 
still use layers for blending modes and 
matching the sprays to the perspective of 
the scene. Then you will be able to see just 
how much more exciting a design can be, 
if everything isn’t so perfect and pristine! 
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Make custom leaf textures 


■ ENHANCING RENDERED TREES 

COMBINING BRUSHES AND THE RENDER TREE FILTER 



m l GROW THE TREE 

I With the Render Tree filter, create a tree to 
match one of the leaves you collected earlier. Colour 
the leaves similarly by sampling the colour from the 
leaf photo and transferring it to the rendered tree. 


^ CREATE FOLIAGE 

I Once you’ve rendered your tree, select your 
brush. Adjust the settings so it brushes on randomly 
with variations of colour, angle, size and jitter. Then 
adjust the size to match the leaves on the tree. 


riQ I ENHANCE THE TREE 

I Brush the leaves all around the tree to give 
it more realistic foliage. Play with blend modes to 
see which fits best. Color Dodge combined with 
Darken works well. 




LEAF IMAGES 

16 LEAF RESOURCE PHOTOS 

Enjoy these 1 6 high resolution stock shots of 
various leaves. Use them for brushes, textures, or 
just individual elements. 


LEAF BRUSHES 

15 LEAF BRUSHES 

We’ve gone ahead and converted the leaf stock 
into easy to use brushes for you! Just load the 
‘LeafBrushes.abr’ file to add them to your 
Brush Presets. 


LEAF PRINT BRUSHES 

9 LEAF PRINT BRUSHES 

The ‘LeafPrintBrushes.abr’ are scans of the 
inked and printed leaves from the project. The 
scans are then turned into brushes for your 
easy convenience to add some natural grunge 
effect to your designs. 
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Master pro composites 


MASTER PRO 
COMPOSITES 

LEARN TO USE WARP TRANSEORMATIONS, DISPLACEMENT 
MAPPING, CLIPPING MASKS, LAYERING, AND EFFECTS TO 
CREATE A PHOTO ILLUSTRATION 


I n this tutorial you will learn how to use a 

combination of warping, displacement mapping 
and clipping masks applied to vector shape 
layers, in order to turn our chosen model into a 
complex vector composite. A constructive 
methodology will be followed and a cumulative 
layering of elements and basic lighting effects, to 
create depth and creative lighting effects. Digitalis is 
a science-fiction photomanipulation inspired by the 


transhumanist concept of transcendence, with the 
merger of humans and machines at the 
technological singularity. Digitalis is a cybernetic 
woman who exists at the periphery in both the 
physical and the digital world, part human, part 
machine, part digital information. She signifies digital 
escapism in a modern society and embodies the 
need to escape the bondage of humans’ ephemeral, 
physical existence. 


■ RETOUCHING AND SETUP 

RETOUCH SKIN AND SETUP WORKING LAYERS 


m l REMOVE SPOTS AND BLEMISHES 

I Open the model image. For this tutorial, 
use the free stock image Rubber Fairyby Marcus 
Ranum, www.mjranum-stock.deviantart. 
com/. Hit Cmd/Ctrl+J to duplicate the layer and 
rename as ‘spot-removal’. Use the Spot healing 
brush tool and patch tool to remove any small, 
prominent blemishes. Don’t rely on this for tone 
smoothing or the skin will lose texture. 


EVEN SKIN TONES 

Select a soft, round brush. Zoom into the 
skin with contrasting shading. Hit Opt/Alt, select the 
Eyedropper tool, and fill the foreground and 
background colour palettes with samples from the 
light/dark areas. Select the Skin-Smoothing layer. 
Use a 2px brush at 1 0-30% Opacity and smooth the 
skin. Gradually widen the brush and reduce opacity 
to even large areas. When finished, select all layers, 
Ctrl/ right-click and convert into a Smart Object, 
named ‘Original’. Save as ‘retouched-original.psd’. 


I CREATE SKIN SMOOTHING LAYER 

I Opt/Alt+click the Create New Layer icon 
at the bottom of the layers palette. Name the layer 
‘skin-smoothing-basic’. Set the blending mode to 
Soft Light and check the ‘Fill with Soft-Light- 
Neutral Color’ (50% gray) option. Hit OK to create 
the layer. 







OUR EXPERT 

IAN JAMIESON 
www.hypedinteractive.com 

@ianjamdesign 

Ian is an artist, designer and web 
developer. Based in Cape Town, 
South Africa, he is the Creative 
Director and Head of Development 
of Matchdeck.com, and owner of 
Hyped Interactive, an independent 
design studio. 





■WORK IN 
PROGRESS 

ENHANCE YOUR MODEL 


Progress 1 : Retouch blemishes 


Progress 2: Layer model 
with vector shape layers 


Progress 3: Apply the 
lighting effects 
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ri/ I CREATING THE DISPLACEMENT MAP 

I Displacement mapping lets you use an image’s highlights and 
shadows to create a gradient contour that acts as a 3D surface where you 
can add new layers, similar to papier-mache. To do this, add a black and 
white adjustment layer to desaturate the model. Now, create a 
Brightness/Contrast adjustment layer and up the contrast to build a steep 
gradient without losing detail. Select the original layer and go to 
Filter>Blur>Surface Blur. Set a Radius of 8 and a Threshold of 27. Merge 
the layers together and save as ‘displacement-map.psd’. 



rin I CREATING THE COLORIZED UNDER-LAYER 

U J I To create the half-human, half-machine hybrid, you will work with two versions: 
the original as the top human layer, and an electric blue colorized version, to use as a 
clipping mask which will give the vector shapes colour and texture. To create this colorized 
under-layer, duplicate the original smart layer. Create a Hue/Saturation adjustment layer 
and check the Colorize option. Set the Hue to 204, the Saturation to 53 and the Lightness to 
+3. Select both the duplicate Original and Hue/Saturation adjustment layer. Then Ctrl/ 
right-click>Convert to Smart Object. Name this layer ‘Colorized’ and hide for now. 


■ QUICKTIP 

With Photoshop CC, you have the option to use 
linked Smart Objects, which has the advantage 
of providing a single, shared asset that affords 
consistency across all your duplicate layers. With 
Linked Smart Objects, it’s easy to effect changes 
that manifest globally across all instances of the 
Linked Smart Object. 



r|C I BACKGROUND AND MASKED OVER-LAYER 

LJw I Create a new layer. Sample the black from 
the background and fill the new layer. Rename this 
layer ‘Background’ and move it down to become the 
lowest layer. Duplicate the original and keep a hidden 
copy for later. Select the visible copy and click ‘Add 
Vector Mask’ in the Layers palette. Go to the brush 
tool. Set the Size to 20 px and the Hardness to 50%. 
With the vector mask, mask away areas you want to 
replace with the vector shape layers. You can be 
rough initially and deep-etch detailed areas, like the 
hair, in another layer later. 




DRAW AND COLLATE YOUR VECTOR 
SMART LAYERS 


To create the vector smart layers, you can hand-draw high-tech shapes using Adobe Illustrator and 
Photoshop. You can also rely on found brushes and other resources, such as Go Media’s Arsenal vector packs, 
to save some time. You can also brush directly onto new layers within the design, as you will be shown later. 
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rip I PLACE, 

UO I TRANSFORM 
AND POSITION VECTOR 
SHAPES 


Now begin to cover areas 
of the model that you 
have masked out with our 
vector shape layers. Copy 
and paste the first shape 
from Illustrator. Choose 
Smart Object in the paste 
options menu. Rotate, 
transform and move the 
shape into roughly the 
rightsize and position 
over the triceps of our 
model. Rename the layer 
‘Tricep-1 ’. Duplicate the 
Colorized layer, move it 
above the vector shape, 
and set it as visible. Hold 
down Opt/ Alt and click 
between the layers to set 
it as a Clipping Mask. 


■ LAYER THE MODEL 

DISPLACE, WARP AND VECTOR SHAPE LAYERS 

riQ I DISPLACE VECTOR SHAPE LAYER 

LJO I Select the ‘Tricep- 1 ’ layer. Go to Filter>Distort>Displace. Set the Horizontal and Vertical scale to 1 0. 
Select Stretch to Fit and Repeat Pixels>OK. Go to the ‘displacement-map.psd’ created in Step 4. The shape will 
mould according to the contours in the map. To adjust the position of the layer, toggle the visibility of the 
Displace filter, located under Smart Filters, to reset and reapply the displacement effect. 


'There will be a lot of layers, 
*so you should name each 
shape layer and group them into 
folders so you can keep your 
workflow manageable 99 




Sometimes displacement mapping will yield 
undesirable results. To get more fine-grain control 


when moulding layers, use the Warp Tool as well, or 
instead. In the end there will be a lot of layers, so you 
should name each shape layer and group them into 
folders so you can keep your workflow manageable. 
Now, before adding too many layers, add some 
electrifying effects and depth to the vector layers. 
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n | ADD GLOW AND SHADOW EFFECTS 

I Select a vector shape, like ‘Tricep- 1 Click Add Layer Style>lnner Glow. 
Set the blend mode to Screen at 75% Opacity, and choose a bright cyan (#33d5fe). 
Set a 4px Softer Edge, hit Ok. Now, click Add Layer Style>Drop Shadow. Set the 
Opacity to 78%, check ‘Use Global Light’ and set the direction to about 99° to 
match the primary light source. Set the Distance to 1 8px, the Size to 1 6px. Hit OK. 
Apply the same effects to each vector shape layer. Hold Opt/ Alt and drag the 
effects from one layer to another to duplicate the effect. 



masking out the rough bits and ordering the layers to add depth. Select the 


vector layer and add a Vector mask. Use the brush tool with a Sharp of 5-1 Opx, 
75% Hardness and a round tip, and mask out the messy edges and undesirable 
elements. This will bring everything together and mask any layers that are 
covering the straps on the model’s outfit. 



^ Q I THE PLASTIC SKIN LAYER 

I J I For the hands and face where you want lots of detail, create a new version of the model and smooth 
the skin into an artificial texture. Duplicate the Colorized layer and name it ‘Plastic Skin’. Go to 
Filter>Blur>Surface Blur. Set the Radius to 4px and the Threshold to 50px. Add a Vector Mask and fill with 
black to mask completely. Add the Inner Glow and Shadow effects as shown in Step 1 1 . Select the Brush with 
a 4-8px tip, 75% Hardness, and paint in elements you want to keep, leaving gaps to create a segmented effect. 


I Toggle visibility of the 
Displace filter, under Smart 
Filters, to reset and reapply the 
displacement effect 55 



the top layer in the layers palette. Add a Drop 


Shadow effect with the Opacity set to 80, the Angle at 
99°, the Distance set to 5px and the Size set to 1 0px. 
Add a Vector mask, select the brush with a large tip 
and 1 00% Hardness. Mask away elements to expose 
the underlying the vector shape layers, using 
sweeping curves from the brush edge. To remove 
unwanted drop shadow, separate it into a new layer. 
Go to Layer>Layer Style>Create Layer. Add a Vector 
mask and mask away unwanted shadows. 
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I ENERGY BEAMS 

I Create a new layer named ‘Energy beam’. Click Add Layer Style>lnner 
Glow. Set the Opacity to 76%, the Colour to #33d5fe, check Edge and set the Size 
to 8px. Add an Outer Glow with 75% Opacity, 7% Noise, the Colour set to #1 3CAEE 
and the Size set to 24px. Create a duplicate layer for each energy beam. Select the 
Pen tool and draw the path. Grab the brush tool with a 4px tip and 80% Hardness. 
On the Paths tab Opt/Alt+click the ‘Stroke With Brush’ icon. On the Stroke Path 
menu, select Brush, check ‘Simulate Pressure’ and hit OK. 


I DIGITAL SWIRL 

I Duplicate a blank ‘Energy beam’ layer and name it ‘Digital Swirl’. Edit 
the Inner glow and reduce the Size to 3px. Alter the Outer Glow, reduce the Noise 
to 3% and raise the Edge size to 64px. To create this effect you can use the v4 
Mainframe brush set from www.z-design.deviantart.com. Use a large brush 
and several brush types to achieve a complex composition. Select the Warp tool 
and warp the layer to form the whirling path. Stitch multiple layers together to 
gain the desired effect. Mask the whirl passing behind the model to add depth. 





^ ^ I RENDER LIGHT FLARES 

I / I Create a new layer and fill with black. Name 
it ‘Rare’. Go to Eilter>Render>Lens Elare. Check the 
desired flare type and brightness. Eor the first pulse, 
select Movie Prime and set 65% Brightness. Select 
the layer and set the blend mode to Linear Dodge. 
Move the layer so the flare intersects with the digital 
whirl to give an additive effect. Add a Hue/Saturation 
adjustment layer, hold Opt/ Alt and click to attach it to 
‘Flare’ as a clipping mask. Adjust the Hue to match 
the blue in the digital swirl. Then mask away any 
unwanted lens flare artefacts. 


■ VECTOR SHAPE RESOURCES 

Fantastic free-to-use stock images, vector packs 
and Photoshop brushes can be found online. 
These can save a lot of time and hassle involved 
when creating vector composite shape layers. 

BRUSHES: 

Z-design: www.z-design.deviantart.com 
IHEA: www.ihea.deviantart.com 

VECTOR PACKS: 

Designious: www.designious.com 
Go Media: www.arsenaLgomedia.us 



^ Q I FINISHING TOUCHES 

I O I Outline the edges of the digital swirl with some energy beams. Add a drop shadow to the uppermost 
beam to add definition. Draw a few sparks by creating a new energy beam layer and applying dots with a 
5-1 5px brush with 0% Hardness. Then fill some of the gaps in your vector composite with a subtle electric 
glow. Create a new layer and position it above or underneath the vector shapes where needed. Select the 
brush tool with a 30-40px Size, 50-75% Opacity, 0% Hardness and the Noise checked. Use the colour #42C1 02 
and gently brush in a glow. 


■ QUICKTIP 

A great way to gain fine-grain control over layer styles is to separate them into layers. To do this, select the 
layer with an applied effect. Got to Layer> Layer Style>Create Layer. Now you can apply masking and 
adjustments directly to individual effects. 
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080 Complete guide to brushes 

Get essential advice for portrait painting 
and the brushes you need for skin, hair 
and eyes 

088 Build unique brushes with 
Adobe Brush 

Paint an epic landscape using your own 
custom brushes 


094 Master pro painting 
techniques 

Paint a futuristic, eco-friendly cityscape 
using Photoshop brushes and tools 

100 Produce fantasy matte 
paintings 

Try out techniques for creating epic 
masterpieces with a sense of grandeur 

106 Create comic art 

Develop your comic characters into full 
artworks 



The sky is often the most 
I important part of your 

painting as it sets the 
mood and colour for 
the piece, as well as 
the light source 





Dodge: The Burn brush's opposite 
number, Dodge adds highlights wherever 
you need them. It's great for working out 
shading when you start a painting, but is 
also amazing at adding a final sheen and 
glow to hair and skin. Use at tiny sizes to 
paint flyaway strands of hair catching 
the light 




Hard Mechanical: Use the basic round 
Hard Mechanicalto block in areas of 
colouratthe beginning of your image 
- shading, skintone, hair, basic eye 
colour; this simple and effective brush 
is the absolute essential 


Smudge: The much-maligned Smudge 
tool, on its basic Soft Mechanical setting, 
can be used with care to softly blur in 
shadows and highlights, to smooth 
strands of hair, to add a soft gleam to 
catch lights in the eye and to add a 
natural, feathery effect to the ends of 
the hair - just use with caution! 


Burn: Used with a light touch, the Burn 
brush is fantastic for blocking in shadows 
at the beginning of your painting and for 
refining areas of darkness afterwards. 

It's great for adding depth to hair, 
eyebrows and eyelashes as well as soft 
shade to skin and definition to lips 


Soft Mechanical with Airbrush setting: 
The soft round Soft Mechanical brushes 
get even softer when you check the 
Airbrush icon on Photoshop's toolbar. 
This lets you build up colour by how long 
you stay over an area rather than how 
much you move around, making it 
perfect for overlaying base skin and hair 
tones onto basic shading 
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Graphite Pencil: Use the Graphite Pencil 
brush to sketch outlines. It's also great 
for smaller details at later stages, such 
as eyebrows, eyelashes and flyaway 
strands of hair 


Mixer brush set to Flat Bristle: To 
create the look of locks and strands of 
hair, grab the Mixer brush and set it to 
the Flat Bristle brush preset. Change the 
Spacing to 1 2%, pick a lighter tone than 
your basic hair tone and run over it, 
following the lines of strands and locks. 
You'll get a subtle, multi-stranded look 
without it being too crisp 


^.Digital painting 


Stipple: The Stipple brushes are 
essential for adding tonal variation to 
skin, re-creating the look of pores and 
giving a natural rather than plastic 
appearance. Grab the Stipple 21 brush 
and set it to 60px in size with Spacing at 
35% and dab it over an area of skintone 
using a slightly lighter shade for a 
natural effect 
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CANVAS 


■ MASTER PORTRAIT PAINTING WITH THIS ESSENTIAL 
ADVICE ON THE BRUSHES YOU NEED FOR PAINTING 
SKIN, HAIR AND EYES 

■ SKETCH IN THE BASIC OUTLINE 

Open the Brush panel. Start by changing your brush to a basic brush with a hard edge at 1 00% Opacity, then 
turn on Shape Dynamics and ensure the Minimum Diameter is set to 0% and the Control is set to Pen Pressure. 
Then start sketching the outline of the subject’s face and finish off by colour blocking it in very roughly. 


The Burn tool can be very useful for adding depth to 
shadows, intensifying colours or creating new colours 
to add to your palette. The Range can be adjusted for 
Highlights, Midtones and Shadows, each becoming 
darker and more saturated respectively while staying 
in the desired hue. This is extremely helpful if you are 


in need of some richness to liven up dull and muddy 
colours or to add in lovely shadows, switching 
between ranges to find the most suitable saturation. 
For extra help choosing shadow colours, just make a 
mark on your desired shadow area, select the new 
colour and press Cmd/Ctrl+Z. 


■ MAKE FRIENDS WITH THE BURN TOOL 


SKETCH YOUR 
PORTRAIT 

BASIC BRUSH TECHNIQUES FOR 
SKETCHING AND BLOCKING IN TONE 


CREATE THE 


Beg i n by starti ng a new 
document with the ; 

dimensions that you wish 
your final image to have. 

For maximum detail, try to work on as large a 
canvas as you can without slowing down the 
computer. In this case, the canvas is A4, so create 
a new layer and prepare to sketch out the portrait. 

riO I START 

I SKETCHING 

Using a hard round brush, 
begin to rough out the 
basic outline. We’re going 
for intense eye contact, so 
make the brows strong 
and downward, with the eyes less open. The 
sketch will be the guideline for the painting 
process, so take some time to perfect the 
expression and gesture you want. 


riQ I WORK IN ' ■ ■ 

UOl GREYSCALE ' 

Now that we have a , * , ij 

guideline, begin building up ■ 
the form of the character in 
greyscale. Begin by setting ■ 

the sketch layer’s mode to Multiply, then lock this 
layer to prevent yourself from unknowingly 
painting on it. Next, create a new layer underneath 
the sketch and fill it with a medium grey. 


I BUILD THE FORM 


U*-M On a new layer ^ 

below the sketch, apply h 

shadows and highlights P 

according to the direction of * * j 

your chosen light source. IS ■ I 

Using a dark and a light-grey, loosely block in 
areas that define the form of the character with a 
hard, round brush. 

05 f A-1 

Before moving on, take F 

some time to blend the 

tones together. Merge all ' 

layers underneath the W 

sketch and select a hard it 

round Smudge brush with Spacing at 1 65%, with 

Scattering checked. The Smudge strength is set 

around 50%. Gently go over rough areas with this 

brush to smooth things out. Use this blending 

method throughout the process. 


COMPLETE GUIDE TO 
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■ COMPOSE A SKIN 
COLOUR 

LEARN HOWTO CHOOSE COLOURS FOR 
CHARACTER PAINTING 

m l CHOOSE A MIDTONE 

I Choosing a midtone will depend on the 
light source you plan. For standard scenes, it’s 
safest to go with a typical beige. 

k ■ 

ri^ I HIGHLIGHTS AND SHADOWS 

! When picking highlights and shadows, 
remember that their hue should differ from the 
hue of your midtone. 



riQ j ENRICH YOUR PALETTE 

LJw 1 After you have chosen the highlight and 
shadow colours, eye drop them. With those 
colours selected, apply some strokes on top. 



ri / I FINALISE COLOUR CHOICES 

Ut" I Review all the colours you created and 
choose the boldest combinations that strongly 
differ from each other. 
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■ SELECT THE RIGHT COLOUR HUES 


The human body features a lot of different hues, 
particularly the face with rosy cheeks on females and 
grey or almost green jaws on males because of 
stubble. The best way to learn the hues of the human 
body is of course to make studies. If you paint 


everything with the same hue and saturation it will look 
boring, as some hues are due to ambient and reflected 
light, which can really open up your work. For example, 
shoulders and surfaces pointing up can get a blue hue 
because of the sky reflecting down on them. 


■ CREATE COLOUR HARMONY 


Shadows are quite flat and generally less saturated 
than any highlighted side, so it’s here you’ll notice 
ambient light in the shadows. These generally 
should get blurry over distance, so make sure you 


keep this in mind throughout the image. By 
highlighting colours from the Curves Display option 
you can modify the tones you want, but you’re still 
working on RGB to continue applying the filters. 
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■ FOCUS ON THE LIPS 

Using the airbrush, begin fleshing out the detail for 
the lips, then add creases with the Burn tool. Use a 
few strokes of the Dodge tool to achieve the 
reflective quality on the upper lip. On a new layer, 
add the bright highlights of the lower lip, painting 
and erasing, then press Cmd/Ctrl+E to merge it with 
the skin layer. 

001 Usingthe sketch as a guide, brush a midtone on each 
element's corresponding layer and then lock that layer's 
transparency 


002 Add in detail, using the grid if needed to appropriately 
position or adjust landmarks, colour and value changes 


003 Apply various colours to the skin using an airbrush. 
Attempt to match the colours of the reference image as 
accurately as possible if you're using one 




■ MAKE THE SKIN GLOW 

Once the painting is finished, flatten it and make a duplicate layer. Set it to Screen and apply 
a Gaussian Blur set around 20 to create a glow. Lower the Opacity to keep it subtle. 
Duplicate the Screen layer and set it to Overlay to deepen the colours. This also helps tie 
everything together. 


■ TEXTURE UP 
THE SKIN 

For added realism, add tiny 
imperfections to the skin. For this, we 
created a custom brush composed of 
tiny random dots. Depending on the 
colour and brush size used, these dots 
could be anything from moles or freckles 
to skin pores. After covering the skin, 
make a selection of the most focused 
areas and use Filter>Sharpen>Unsharp 
Mask only enough to make the 
imperfections just stand out. 



■ FACIAL ANATOMY 

Bear in mind the way the human skull is formed - 
this will determine where to shade and how to 
contour the shapes the right way. Eye sockets will 
have deeper shadows as they are set more deeply, 
and nose, cheeks and chin will be exposed more, so 
hues will be lighter. 




VEINS 


NATURALISM 


Painting in the veins is great as an extra touch for The more convex the vein, the more dramatic your 


character paintings. You should start with some 
airbrush strokes simulating vein shapes. 


character will look. The most natural parts to add 
them to are tops of hands, but veins also look 
effective when painted on foreheads, arms and legs. 


ii 
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PAINTED PEEPERS 


SHAPE THE LOWER LID 

I The eyeball itself is rounded and fits into the bony orbits of the 
skull, surrounded by muscle, fatty tissue and skin areas. The differences 
in combinations of these elements give our eyes different shapes. In 
order to paint the eyeball, we must first have a place for it to go. Start by 
adding a small bulge, just under the eye. 



I DEFINE THE UPPER LID 

I Next, to define the upper lid, add shadows 
along the crease and highlights to the brow bone. 
Because the eyelid protrudes slightly, be sure to add 
highlights to the area that would capture the most 
light according to your source. 



■ DIFFERENT 
STROKES 

The direction of your 
strokes is nearly as 
important as the brush you 
choose to paint them with. 
Knowing how to place and 
angle your strokes is yet 
another means of 
conveying realism when 
painting skin. 



FILL THE EYEBALL 

, Make a new layer and consider your colour choices for the 
whites of the eyes. Many factors such as age (where there could be 
more yellow or pink) could apply here. We’ve chosen a lighter, 
desaturated skin tone and filled the entire eyeball. 

The eyeball itself is rounded and fits into 
** the bony orbits of the skull, surrounded 
by muscle, fatty tissue and skin areas. The 
differences in combinations of these elements 
give our eyes different shapes JS 




Q / MAKE THE WHITES RDUND 

Lock the Transparency on this layer, select the colour you chose for the whites of 
the eyes, then make it lighter and less saturated. Brush the inside area of the eyeball to 
create a sense of roundness. Gently use the Smudge tool to smooth things out. 



pn UNCDVER THE IRIS 

LJ J Lower the layer’s Opacity setting to about 50% and uncheck 
the Lock Transparency setting. Apply the Eraser tool to the iris and 
pupil, so that they show through. Bring the layer’s Opacity back up to 
1 00% and merge with your character. 
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QC j blend the whites well 

LJw ! Use the Smudge tool around the iris to blend slightly with the whites of the eye, 
towards the inner-eye (around the tear duct) and any other parts of the white that appear 
rough. If left unblended, the eye could appear dry and unrealistic. 



Qfy ADD THICKNESS TO THE LOWER-LID 

U/ Next, choose a light pink that’s similar to the skin tone and 
brush along the edge of the bottom lid. The thickness of the lid is obvious 
towards the outer-eye, but disappears as it reaches the innermost edge. 




riQ I BEGIN DETAILING THE IRIS 

LJO ! Start by picking colour from 
the pupil, then radiating towards the 
outer edge of the iris with small 
strokes, fading them as they approach 
the edge. Do the same with the outer 
edge of the iris - colour-pick and make 
thin strokes towards the pupil. 


ADD COLOUR VARIATION 

Colour-pick the iris colour then, using the sliders in the Color menu, 
generate a slightly different tone to the original. Make radiating strokes just as 
before. Do this a few more times with various hues. 



^ ri j APPLY MORE BLUR 

I U i Use the Smudge tool to blur the inner and outer edges of your newly made 
strokes. Take a look at your own eyes in a mirror, noticing how there are spots of 
colour, lines and different shapes. Feel free to make squiggles and tiny dots to bring 
dynamism to the irises. 
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REALISTIC EYES 


INSERT REFLECTIONS 


Add in radiating streaks moving outward from the pupil, using several colours 
for a realistic effect. Including random dots of colour will also add some 
variety and uniqueness. For the lashes, use a small brush and paint each one 
beginning at the eyelid then curve your stroke slightly. Finish by applying 
small, light-coloured specks, with the brush mode set to Vivid Light, creating 
eye reflection. Also add this brush around the tissue and bottom eyelid. 


There are many kinds of lighting effects that occur. Reflected light is 
bounced from one surface to another and can be found on the chin and the 
lips. Specular reflections occur when an object is shiny and mirror-like, 
such as the eyeball. To achieve this, add a distorted square shape on a new 
layer and create a layer mask for it. Paint black on the mask to hide away 
parts that are blocking the reflection, such as lashes. 








■ FLYAWAYS 

With a very small hard round brush, paint in wispy 
strands of hair around outside edges. Flyaways add 
realism, so make some small ones that fly in 
opposite directions. Be careful only to paint in what 
you want to be hair strands, and lock the layer’s 
transparency again. You can repeat this throughout 
the hair-painting process -just remember to lock 
the transparency to avoid going over earlier work! 
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■ PAINT HAIR 

PRO STYLING TECHNIQUES 

m l SET UP A BASE FOR THE HAIR 

I With Photoshop you can paint a solid base for hair using whichever 
airbrush you like best. For hair it also works best to pick the darkest colour 
possible to begin with, and work your way through in midtones to highlights. 


I ADD HIGHLIGHTS 

I Create a new layer and use the Speckled brush to randomly 
paint in some solid strands of highlights. Don’t be afraid that it might 
look silly - just take this opportunity to experiment. 






rin I WDRK DVER THE STRANDS 

w I Select the Eraser - it must be set to an Airbrush setting with soft edges, 
or this step won’t work very well! The key is to carefully pull back the bright strands 
that you have just painted, keeping most of the new bright colour somewhere in 
the middle of the strand to create a highlight that will automatically suggest shape. 



ri / r DDN'T PAINT EVERY HAIR BY HAND 

I To make it look like the hair contains more than just strands 
and is actually a collection of many single hairs, you can pick a 
hard-edged brush (doesn’t matter which, because you have to set it to 
around 3 pixels in size) and scribble some single, bright hairs in on a 
new layer. Now copy and paste this layer, then flip and rotate and adjust 
them with the Transform tools until they fit. 


I 



05 


I SHADDW CDLDURS 

I The little hairs need some shadow colours to make them pop. Make 
some of them look like they are actually on top of the others to create depth. When 
some of the newly added hairs do not seem to match with the shape of the styling, 
simply push them back with the Eraser where they are supposed to look darkest. 


06 


I LAST REFINEMENTS 

I For this step, all you have to do is create a new layer and paint 
accents on some of the single hairs that seem to be on top of the 
others. This highlight colour should be almost white and must be added 
with care to the most interesting parts of the hair style. 


K A 







. 
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Build unique brushes 


BUILD UNIQUE 
BRUSHES WITH 
ADOBE BRUSH 


PAINT AN EPIC LANDSCAPE USING YOUR OWN OUSTOM 
BRUSHES, CAPTURED THROUGH THE CC APR ADOBE BRUSH 


hotoshop CC comes complete with a great 
selection of brushes, from traditional paint 
bristles to charcoal and airbrushes, but 
there’s nothing quite like creating your own 
unique set to give your work that personal touch. In 
the past you would do this using Photoshop’s built-in 
brush editor, but with the recent release of the Adobe 
Brush app for iOS devices, it’s now possible to take 
photographs on the go with your iPhone or iPad and 
upload them instantly onto the cloud to use at home. 
Real paint marks, scribbles on paper, toy cars, that 


pile of socks which never seems to diminish; you can 
make brushes out of anything you find around the 
house and pull them straight into Photoshop to play 
around with. 

In this tutorial you will learn how to create brushes 
using Adobe Brush, import them into Photoshop CC 
and paint an epic, colourful landscape from scratch. 
The only things you require are an iOS device, 
Photoshop CC, an internet connection and some 
imagination. It’s going to be a fun one so grab a cup of 
tea and let’s get started! 




OUR EXPERT 

PAUL SCOTT CANAVAN 

www.paulscottcanavan.com 

@abigbat 

Paul is the art director at Scottish 
indie game studio Blazing Griffin, 
and a freelance illustrator. He likes 
dinosaurs and weightlifting. 



SOURCE FILES 

You don’t have CC to make and use 
your own Adobe Brush tools? Grab 
the brushes created for this tutorial 
from FileSilo! 


■ START WITH A SCRIBBLE 

MAKE AND CAPTURE YOUR BRUSHES IN ADOBE BRUSH 


MAKE SOME MARKS 

! Adobe Brush allows you to create brushes 
out of anything, so it’s worth spending some time 
finding different materials and experimenting. For 
this image, let’s keep it simple. Grab some nice 
pens and pencils and make some marks on paper. 
Don’t worry about being neat - you can tweak these 
marks later. 



plus button. Choose Camera and take a photo of one 
of your brush marks. You’ll notice that you can now 


see your brush at the top of the screen - this is a 
preview window and will allow you to get a feel for 
how it’ll look when drawn in Photoshop. Hit Next. 



I CROP AND REFINE 

I This screen allows you to clean up the 
photograph that you have taken. Follow the 
instructions to crop the brush, and then play with the 
slider in Refine to remove any background that you 
don’t want. Ideally, the brush should sit happily on a 
transparent background, but you can refine this 
further in Photoshop. 




■WORK IN 
PROGRESS 

TURNING SCRIBBLES 
INTO ART 



Progress 1: Import your 
chosen photograph 




Progress 3: Finishing touches 
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I PUYWITHSEniNGS 

I Now this is the fun part. Here you can 
tweak various settings to define how the brush 
acts when drawn in Photoshop. Keep an eye on 
the preview window, and play with the pressure 
and spacing settings. For a good starting brush, 
set the Pressure to Flow, the Spacing to 1 5% and 
the Scatter to 30%. You can also add some jitter to 
the stroke to make it even more random, but 
make sure you keep it subtle (around 20%). When 
you are finished, hit Save to immediately save your 
new brush to the Cloud. 

I IMPORT YOUR BRUSH 

I Open Photoshop CC. Open the Window 
tab and select Libraries. You will now see a new 
tab on-screen which links directly to your CC 
Library - any brushes you have created and 
saved in the Adobe Brush app will be available 
here. To get started, select your new friend in the 
library window and it’ll be selected as your 
current brush. Open a new Photoshop document 
(Cmd/Ctrl+N), give it a scribble and see what it 
looks like in practice. 





■ QUICKTIP 

You can really go to town on the sort of textures 
you import using Adobe Brush. Don’t be 
constrained by pencils and pens. Try 
photographing a ball of scrunched-up paper, your 
cat’s hair, a dinosaur toy or a strip of tree bark. 


riCl EDIT AND SAVE 

LJw I Now that your brush is selected, you can 
edit it further in Photoshop. Click on Window again 
and open the Brush panel. From here, you can edit 
any aspect of the brush, from how heavily it applies 
to the canvas to how scattered the strokes are. Go 
through each section and mess with the sliders and 
buttons, regularly testing it out by scribbling on the 
canvas. Once you are happy, click the ‘Create New 
Brush’ button at the bottom right of the panel and it’ll 
be added to your library! 

ri^l BRUSH EXAMPLES 

\J / I Here are some examples of the brushes 
that I created for this tutorial. You’ll notice that by 
tweaking the settings in the brush panel, you can end 
up with extremely varied results. In fact, three of the 
brushes used here have come from the same 
scribble. Every time you save a new brush it’ll be 
added to the Brush Presets panel, accessible 
through the Window tab. You can leave this open 
while you work to quickly change brushes, or 
alternatively Cmd/Ctrl+right-click on the canvas. 




riQ I SKETCH YOUR IMAGE 

LJw I Choose a brush that works nicely at a 
smaller size and create a new layer for the 
sketch. You can use reference for this, it’ll help 
you to understand how the real world works and 
add another level of realism to your painting. Try 
to create a dynamic composition - something 
that leads the viewer’s eyes into the image and 
holds them there. Look at some master painters 
and see how they construct their images for 
inspiration! Every time you study a master 
painting you will learn something new about 
composition or colour application. 
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■ USE YOUR BRUSHES IN PHOTOSHOP 

GRAB YOUR BRUSHES AND START PAINTING 

QQ START PAINTING 

LJO With the line art complete, set the layer to Multiply. This allows the dark lines to show over any paint 
beneath them. You can lock this by clicking the padlock icon, so you don’t accidentally draw on this layer. 
Create a new layer below the line art and paint using a large brush. Focus on the overall shapes and colours 
- don’t worry about details. It’s helpful to zoom your canvas out to around 1 6.7%. 



001 I CHOOSE 
YOUR BRUSH 

This first brush works 
nicely for blocking in 
colours. Use the slider 
or square brackets to 
edit the size 


0021 BE BOLD! 

Choose a bright, bold 
palette to really make 
your painting unique 
and stand out from the 
crowd 


0031 LINE ART 
LAYER 

Later in the image we 
won't need the line art 
layer anymore and can 
simply switch it off 



^ ri THE SKY 

I U ‘ Once you have your entire 
canvas blocked in, you can start refining 
individual sections. The sky is often the 
most important part of your painting, as 
it sets the mood and colour for the entire 
piece, as well as the light source. Study 
some cloud photographs and paint in 
some rough cloud shapes using a big 
brush. Treat clouds as chunky 3D 
shapes and let them interact with the 
environment, passing behind and in 
front of the mountains. 


Try to create 
** a dynamic 
composition 
- something 
which leads the 
viewer's eyes into 
the image 
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■ DEVELjOPTHE painting 

TRANSFORM YOUR IMAGE FROM A COLOURED SKETCH TO A NARRATIVE MASTERPIECE 



1 ^ I ROCK SHOW 

I I With the sky loosely defined, it’s time to 
start working into the mountains. The Lasso tool is 
useful here. Draw a rock-style shape and paint into 
the selection with a textured brush. Using this 
technique you can separate the different rocks easily. 
Just invert the selection with Cmd/Ctrl+I, choose a 
pale sky tone and gently paint in some atmosphere 
using your soft brush set to a low Opacity. This will 
help your rocks pop out from each other and appear 
more three-dimensional. 


■ QUICKTIP 

Once created, you’ll be able to use your newly 
created brushes for more than just drawing or 
painting. The Eraser, Smudge and Dodge/Burn 
tools can all be pulled from the Cloud Library too! 
Experiment with different brushes to give your 
smudges a rougher edge or your dodges a little 
more randomisation. 


^ O REFINEMENTS 

I ^ Continue working around the canvas, 
touching up any areas that need refinement. This is a 
very organic process, so work on a single area until 
you get bored or are happy with it, and then jump to 
something else. The foreground is typically a selling 
point as it can lead the viewer in to the scene - find 
some photographs of waterfalls online and use them 
as reference. The Smudge tool is extremely useful 
when painting water. Block out the overall forms and 
then smudge them in the right direction! 




nice way to figure out if your painting is working is to see if you can name it at this stage. Right now we have a 


“big spire with pretty lighting", which isn’t very inspiring. Find an element in your painting that could be a 
defining feature and try to improve it. Creating a tusk-like protrusion from the rock inspired me to introduce 
more toothy rocks, and so Tusk Mountain was born. 



are 3D, consider the light source and add shade to 


them as you would a rock or a character - the upper 
sections are hit by blue from the sky, while the 
shadows are a warm orange. It is common to use 
blueish grey in shadows, however, in this case it 
would darken the image too much. As the sun is 
behind the clouds, paint in a bright yellow rim light. 
Again, try to find reference if you can as it’s easy to 
overdo this effect! 



^ 1 RUN WITH IT 

I %J I Take the element you chose to theme the 
environment on, in this case sharp, toothy rocks, and 
introduce it into the rest of the painting. This will give 
it continuity and make it feel more like a real world. 
Always keep your lighting in mind. The sun is behind 
the mountain on the left so this area will be fairly 
dark. It would, however, be shining through and 
hitting the beach on the right, so let’s highlight that. 
The contrast means that this is the ideal place to add 
characters later! 
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PAINT 

REFLECTIONS 


There are many ways to 
paint water and 
reflections, but this 
technique is a quick way 
to get good (if not always 
realistic) results. Draw a 
selection box around 
everything above the 
horizon. Copy everything 
within the selection 
(Cmd/Ctrl+Shift+C) and 
paste it onto a new layer 
(Cmd/Ctrl+V). Use the 
Transform tool (Cmd/ 
Ctrl+T) to flip your 
reflection layer vertically, 
aligning it below the 
horizon. Erase any areas 
not covered in water, or 
use the Quick Mask tool 
to paint them out. 


^ fy TAKE A BREAK 

I / With the reflection positioned correctly, 
this is a good time to take a break from the 
image - have some food or go for a walk for 
an hour. When you return you’ll notice lots of 
areas that could do with some extra attention. 
Paint in the waterfalls to make sure that they 
interact with the water. Go around the shore 
and paint in the small reflections, which the 
Transform method misses, as well as small 
details such as ripples on the surface. 



^ Q FINISHING TOUCHES 

I O The final stage of any painting involves 
flattening it and playing with adjustment layers to 
bring the whole thing together. Adjust the Levels of 
the image first (Cmd/Ctrl+L). You want the sky to 
really pop out from the mountain, so raise the 
highlights a little with the right slider. Increase the 
Saturation (Cmd/Ctrl+U) by +1 0. Finally, use the 
Dodge tool set to Highlight and 30% Exposure to paint 
in any additional highlights or lighten areas that are 
too dark. Adjust until you’re happy with how it looks. 



■ THE MAGIC OF MASKS 

As mentioned in Step 1 6, the Quick Mask tool is 
generally more useful than the Eraser, and is very 
simple to use once you get the hang of it. Erasing 
is permanent, whereas masks allow you to paint 
details in or out at any time, and generally give 
you more control. 

To use a mask, click the ‘Add Layer Mask’ 
button in the layer panel. This creates a small 
white image of your canvas next to the layer 
name. When this is selected you can only paint in 
black or white - painting in black acts as an 
Eraser, painting in white brings information back. 
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MASTER PRO 
PAINTING TECHNIQUES 

I LEARN HOW TO PAINT A FUTURISTIC, ECO-FRIENDLY 
I CITYSCAPE USING PHOTOSHOP’S BRUSHES AND TOOLS 


A nticipation, literature and painting have for 
centuries been the main source of creative 
inspiration when thinking about the future. 
In our times, this is a genre of illustration 
that has become a dominant form of expression 
thanks to the burgeoning growth of the videogame 
and sci-fi cinematography industries. However, it’s 
usual to find the very same ideas depicted in different 
industry projects time and again, so the continuous 
search for original points of view is a must in this 
kind of work. 

Photoshop is clearly the best tool choice. It is the 
ideal application to simulate traditional painting 
techniques, which get improved through the 


program’s powerful colour correction, masking, 
filtering and brush tools. Consequently it allows you to 
work at lightning speed compared to some traditional 
mediums. Photoshop is also a great environment to 
work with your visual references and elaborate your 
ideas from them. However, keep in mind that there is 
no digital replacement for artistic research and 
planning, which will always be the foundation of good 
design work, independent of your medium. 

In this tutorial, you will learn how to plan and paint 
your own futuristic vision in Photoshop, from 
documentation and sketching to the final stages of a 
fully detailed painting, working extensively with 
brushes, layering and adjustment tools. 



OUR EXPERT 

ANDRES AVARAY 
www.avaray.com 

@andres_avaray 

Andres Avaray is a digital artist 
who has worked mainly in the 
videogames industry, animation, 
short films and illustration. He 
especially enjoys conceptualising 
mad and unique fantasy ideas. 


■ PLAN YOUR PAINTING 

FROM REFERENCE TO PAINTING THE BASE LAYER 



m l REFERENCE FOR IMAGINATION 

I I store a personal archive of thousands 
of real world pictures gathered over the years. 
They are about history, architecture, nature, art 
and real people. It is important to store in both 
the unconscious mind and hard drives whatever 
boosts your imagination, and revisit it when 
researching a new artwork. Adobe Bridge is a 
nice tool for browsing references. 



ri^ I THUMBNAIL IDEAS 

I Sketch ideas after you become inspired. 
Work on a parcelled-out canvas like this and play 
with the references, looking for overall forms, not 
specific details. It is a time to enjoy, so that is why 
you shouldn’t be too worried about what brush tool 
you are using at the moment. Whatever suits and 
flows is okay at this stage. 


QQ I PLAN THE COMPOSITION 

LJ w I Time for a strong composition. You can 
learn about this from Andrew Loomis books and 
articles about the golden ratio and rule of thirds. 
Use a low-detail tool like a wide Conte brush, 
working out the element placement and overall 
feeling. Working in black-and-white allows us to 
define rough compositional depths. Overlay 
guide layers to check that the composition and 
perspective is really working. 



■WORK IN 
PROGRESS 

FROM SKETCH TO 
FINAL PAINTING 



Progress 1 : Sketch and 
rough lighting 



Progress 2: Painting 
over sketch 



Progress 3: Final adjustments 
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ri / I SKETCH AND LIGHT A NEW VIEW 

I Use a simple brush and draw on a new 
layer on top of the stack. It is time to combine all 
the previous planning in a sketch that will serve as 
the foundation for the work ahead. Avoid too 
much perfectionism, remember it’s only a sketch 
not a final piece of art. On a lower layer, place a 
suitable base colour that matches the 
atmosphere. Over this one, place a new layer in 
Overlay mode and paint using shades of grey to 
rough out a first lighting and value setup. 



ri n I SET UP THE COLOUR PALEHE 

U J • A quick way to create a colour palette for this kind of work is to choose a few textures that, when 
blended over the desaturated value layer, provide some basic tones and grainy detail. The sketch base colour 
was a deep blue, so the chosen textures are blue with some details in a contrasting colour: orange or red. 
Masks, blending modes, and Levels and Curves adjustment layers (Layer>New Adjustment Layer) are 
powerful tools for fine corrections in order to obtain a full palette that serves well at all picture depths. 



and adjustment layers into a single one - the base 


layer. Place your sketch layer over this one to 
serve as a painting reference from now on. 
Prepare a soft brush with a low flow (20%) and 
medium opacity. The Eyedropper tool is an ally at 
this step, because now we proceed with picking 
up tones and painting with them, defining our 
sketched shapes with colours. After finishing, do 
not hesitate to use Curves or Levels adjustment 
layers in order to achieve fine corrections. 


■ QUICKTIP 

Checking depth is very easy in black-and- 
white images. Place a Hue/Saturation 
adjustment layer over all your work. Set the 
Saturation slider to -100. Make this layer 
visible every time you need to check that the 
depth and perspective are working. 



overlapping elements placed from near to far away. 


In this kind of work it’s crucial to keep a correct sense 
of depth as it’s easy to lose it in the painting process. 
As a preparatory step, create a group of masking 
layers. Every layer matches a group of elements at a 
certain depth. You can do the same by saving pixel 
selections, Select>Save selection, but this way is a 
more visual and immediate one. 



require you to individually stroke colours, varying 
saturation, hue and value until the correct depth is 
achieved. A far quicker way is to use our recently 
created masking layers in combination with new 
Hue/Saturation and Levels adjustment layers. This 
way you will obtain the colours that provide the 
correct depth. Do not hesitate to stroke rough details, 
adding new colours or modifying elements if you feel 
like it. When finished, merge all onto the base layer 
in order to maintain a neat layer stack, lower file size 
and cleaner memory scratch disk. 
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■ THE PAINTING PROCESS IN DEPTH 

FROM BASE LAYER TO A FINISHED PAINTING 



BEGIN THE REAL PAINT WORK 

We’ve finally got two solid sketch and base colour layers. It is time to start the real painting 


work! With a soft brush, define volumes and details using darker and lighter tones picked from the 


base layer. This will make the painting start to come alive. 



001 I FROM DARK TO 
LIGHT 

Work first on the medium and 
dark tones in your painting. 
Highlight strokes should be the 
last ones that you use, lighter 
colours will act as a guide 


002 I WORK GLOBALLY 

Don't get too obsessed with any 
particular detail. Change among 
painting elements from time to 
time to keep a global view 


003 LAYER ORDER 

Paint layers from far to near. 
The parts of the painting that 
are furthest away should be at 
the bottom of the stack. This 
helps control any overlapping 
strokes from occurring 



contrasting colours 
to guide the eye 
through the 
composition B 



1 



CHECK BEFORE 
DETAILING 



Now the painting should 
be working nicely but still 
lack details and look flat. 
However, this result is the 
foundation for the 
following detail steps to 
work. Feel free to re-paint 
or add any elements that 
may improve and boost 
your painting’s 
composition, value, depth 
and design. Use 
contrasting colours to 
guide the eye through the 
composition. In this case, 
warm orange and yellow 
colours are placed 
strategically so the eye is 
guided to the central 
building in the painting. 



1 ^ DETAIL VEGETATIDN (PART 1 ) 

I Use a picture-based brush to place some trunks and branches. 
Then, lock transparent pixels in the Layers palette. Paint with the same brush 
in Overlay mode to add extra shading details. On an upper layer, create the 
foliage with a picture-based leaf brush. Use masked adjustment layers to 
create quick light and shadow gradients. Picture brushes sometimes give an 
artificial stamp look that is better to avoid; distort the stamped strokes with 
the Smudge tool. Use this method for nearby and more detailed vegetation. 


The Professional Photoshop Book 097 



Digital painting 


■ MAKE THE PAINT BLjOOM 

ADD FINE DETAILS, TEXTURES AND ADJUSTMENTS 


^ O ' DETAIL 
I ^ ! VEGETATION 
(PART 2) 

Another way of 
painting vegetation is 
to pick colours from 
our previous work and 
paint using a foliage 
picture-based brush. 
Again, avoid a 
stamped look by using 
the Smudge tool later. 
This method is suitable 
for grass and bushes, 
and also for trees 
placed far away. It is 
important when 
painting vegetation to 
use a varied palette of 
green, yellow and grey. 
Also, remember that 
colours tend to 
desaturate and get 
bluish with the 
distance. Study and 
use some vegetation 
references in order to 
make it look natural. 




U MAKE YOUR WORLD HUMAN 

I Contextualising this new world is as important as the concept itself. People will 
have to live, move and work in this scene. Paint some human figures, vehicles or signs of 
human presence in the painting. Humanising your world will also provide a sense of scale 
that will turn the artwork into a more accessible one. Because this is a low energy world, 
vehicles should be manufactured from recycled old ones and electric-powered. Also, 
some people will have to use animal power for work and transportation. 



DETAIL USING TEXTURE BRUSHES 


I %J This painting depicts a world of constant recycling, where 
everything is re-used again and again. That is why the painting should 
look as organic as possible in its details and at close range. To achieve 
that stroked texture effect, work on details using organic picture-based 
brushes. Use Size and Angle Jitters, Window>Brushes>Brush Tip 
Shape>Shape Dynamics, so the brushes make organic and random 
marks. You can create brush shapes from virtually any image using 
Edit>Define Brush Preset. 



It 


X 


i 


L 



^ [" ADD FINE DETAILS 

I %J Small details add a lot of eye-catching value to a painting but 
can be a very time-consuming task. Place details strategically to boost 
the value of the final work, avoiding excessive detail that will get lost. Use 
this kind of detail to better explain the world. Windows, signs, urban art, 
lights or landmarks are all good possibilities. This is a world of constant 
recycling: that implies maintenance is done using different reused 
materials. Mix crystal with wood, or stone and concrete architecture in 
the same buildings. 
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(TEXTURE THE IMAGE 

J Do not place textures too soon. A painting should work fine without 
textures. After adding textures it will gain extra fine details but it should not depend 
on them. Place them using different blending modes. Overlay and Color modes will 
be the most frequently used followed by Color Burn, Hard Light, Lighten and 
Multiply. Different modes mix textures in different ways, so choose wisely. 
Opacities should be lower than 50-60% in order to avoid textures catching the eye 
too much and altering the previous colour work. 



^ ^ j FINISH THE SKY 

I / I The sky often works as negative space for an illustration. Also, it is 
possible to create interesting lighting and depth effects with it. First, create a 
painted mask similar to the ones from Step 7. Select some sky photographs 
and place them over the paint to make the sky more interesting. Use masking 
and adjustment layers for a fine result that blends the original paintwork with 
smooth details from the texture combination. 


■ QUICKTIP 

Textures sometimes create the feel of a photographic collage over a 
painting. Avoid that by filtering textures with the Median filter, Filter> 
Noise>Median. This will preserve most of the texture but erase grainy details 
and create a smooth painted look in the texture. 




■ SHADING EFFICIENTLY 

Shade objects in a structured way. Over the base 
layer, place a new layer to paint shadows and 
midtones. Create a new layer to paint highlights. 
Do not hesitate to play with blending modes to 
find better results. Another layer may be created 
to paint fine details. Clip the previous layers 
among them and use the Gradient Overlay layer 
style at a low opacity to create quick subtle 
lighting effects. Do the same with adjustment 
layers like Levels, Curves or Hue/Saturation. In 
order to keep the layer stack clean and your 
computer’s RAM less full, collapse all layers into 
one when happy with the final result. 



18 


FINAL 


! ADJUSTMENTS 

Again, the quality of the 
final work must not 
depend on brute texture 
overlays and global 
adjustments, but should 
be slightly improved by 
them. Place some 
Levels adjustment 
layers and edit the Red/ 
Green/Blue channels. 
Avoid making some 
parts of the picture too 
dark or burned. Layer 
masks are able to affect 
different parts of the 
image in different ways, 
simulating subtle light 
effects. A blurred texture 
with a similar colour 
palette placed over the 
work at low opacity will 
add some extra fine 
colour detail. 
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OUR EXPERT 

TITUS LUNTER 

www.tituslunter.com 

Lunter is a professional freelance 
concept artist for the games industry. 
He paints and learns with the 
philosophy that every artwork is a 
struggle and should teach you 
something new. For him, it’s not only 
about creating epic pictures but 
about struggling and improving. 
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PRODUCE FANTASY 
MATTE PAINTINGS 


TITUS LUNTER SHOWS HOW TO OREATE A SOENE 
ON AN EPIC SCALE WITH A SENSE OF EERIE GRANDEUR 


A fantasy landscape should feel grand and 
epic. Every image is different and is 
constructed differently, but there are a few 
things that always stay the same. Scale, 
atmosphere and colour treatment are the most 
important ones to think about on a technical level 
and these can be worked on in any order depending 
on your own taste. The other important element is 
story, but let’s start with scale. 

Creating a grand scene depends almost entirely 
on scale, and scale needs elements to create 
comparisons, so paint things viewers will recognise 


like people or birds. The smaller you make them, the 
bigger the scale of the scene, but remember that the 
detail increases as well. Working with texture 
brushes with high noise or scatter values is a nice 
way of putting this in quickly. Experiment in 
greyscale and then think about atmosphere. 
Atmosphere works very well with scale - in fact, 
they’re very much linked to each other! Sometimes 
scale and detail just aren’t enough to make the scene 
work, and this is where atmosphere kicks in. Try 
blending colours and pushing certain features into 
the background. For big landscapes, the closer an 


element is to the horizon, the more desaturated it is 
and the less contrast it will have. Remember, to 
achieve convincing depth, place dark elements at the 
front, light at the back. 

The fantasy touch can be created by adding 
objects like glowing crystals, wisps of energy, 
fantasy architecture or a combination of all of these, 
and it’s this magical touch that will make up the 
story. You want to leave people wondering what’s 
happening and have them imagine their own 
narrative in the scene. A good landscape painting 
always leaves room for a good story. 
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■WORK IN 
PROGRESS 


CREATING ATMOSPHERE 



Progress 1 : Basic sketch 



Progress 2: Increase the scale 



Progress 3: Final touches 



m l SKETCH VALUES 

1 To start your image, create a quick black-and-white sketch. 
Keep it very loose as you might want to change things around later. Just 
go for the basic outline of the land and lighting to give you a rough idea 
of the values. 



ri^ I THE MYSTERY 

I This painting will have a mysterious city in 
the background. They can be tricky to paint, so take 
your time to work this up to a decent standard. Look 
at references of cities in the distance and observe 
how they become a mass of solid shapes. 


■ QUICKTIP 

Everything you paint has to reference the real 
world in some way, even if it’s alien. This makes 
sure people can recognise what you are painting. 
Using real-world textures is a solid base for this 
- if you understand something, you know when 
you can deviate from it. 



layer to get a feel for the atmosphere. Play with the Hue/Saturation adjustment to get the feel of different 


colours. Dreamy scenes often have orange and pink tones. Using complementary colours is good for shadow 
tones because it makes lights and darks stand out. 



ri / PHOTOS AND TEXTURE 

. Blocking in materials by using some 
photographs helps with setting up the scene and 
developing perspective and scale as well as base 
texture. Always use your own, a purchased or 
free-to-use stock image, or ask permission of the 
photographer before going ahead! 
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Produce fantasy matte 


itp 

I 



push the foreground tones. Maybe it needs to be 


darker or could use some more texture? Be critical 
of your work. At this stage you’re looking for the feel 
of the scene to be right. 



r|C I dreamy WARMTH 

LJ w I Make the scene more dreamlike by adding 
some red into the mix. Experiment with the Color 
Balance adjustment and try different things. Be bold 
and use masks to highlight certain areas only so that 
you can adjust selectively - mask out the main 
crystals, for example, to work just on the land, sea 
and sky. 



Qfy THE MOONS 

U / Nothing sells fantasy better than a few 
moons. Maybe one of them has been damaged in 
an attack? This can help with the story - perhaps 
this is where the crystals have come from? 



riQ I CONTRAST 

LJw I The image is 
looking a bit too flat, so 
at this stage you can try 
bumping the contrast 
up to emphasise that 
epic depth. Remember, 
though, to never use 
full black for your 
shading. More accurate 
deep-shadow tones are 
purples, greens and 
brown shades. 
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riQ PUSH THE SCALE 

LJO I The scene didn’t feel epic enough once values and colour were in, so let’s 
make it bigger! Never be afraid to change things around and improve your image - 
in this case, the grandiose scale was boosted to reinforce the size of this place to 
the viewer. 



COMPOSITIONAL CHECKS 

1 Always check your composition throughout the painting 
process. Make sure you have a nice divide and force the viewer to look 
where you want them to by using points and counterpoints. Here the 
city and main crystal perform that job. 

i 

¥ 




I THE CLOSE-UP 

I Compositions need to work on every level, so zoom in and 
check if it still works within the main focal area. Think about where you 
want the viewer to look and how they get there. Here the point of the 
crystal and the shape of the inlet channel draw the eye up to the city. 







■ QUICKTIP 

As an artist you have to be 
flexible, not only as a person 
but in your paintings as well. 
Taking critiques can be difficult 
but it will help you in the end. 
Approach your painting in the 
same way and don’t be afraid 
to change it up in order to try 
to make it better. 



DEVELOP THE 
RENDERING 


When the composition works, 
just start working on the image. 
Start rendering and enjoy a casual 
part of the painting process. Move 
around rather than focusing on 
one part, otherwise you’ll 
unbalance the image before 
you’ve finished. 
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^ Q CORRECTIONS 

I After you’ve worked up the major parts, 
give some love to the areas that you haven’t worked 
on a lot and start putting in a few more colour 
corrections. All the new additions might have 
changed the colours quite a bit. 




14i 


FLIP AND CHECK 


I “ i Keeping a fresh perspective is very important, so this is something you should be doing throughout 
the entire painting process. Flip your image back and forth to spot those odd compositional mistakes that can 
creep in. Mistakes show up clearly when flipped. 



■ QUICKTIP 


It’s very important to set 


your expectations based 


on your personal skills. 


Painting is hard work and 

W- ■- I 

takes years to master, so 

don’t get discouraged if it 
isn’t perfect! Keep 


practising, ask for input 


from others and listen to 


what people have to say. 


^ n FINISHING TOUCHES 

1 %J The last stage is to 
work in the final flourishes 
- a shadow here, a highlight 
there - making sure the 
texture and brushwork 
remains consistent. Finally, 
place a few adjustment 
layers to fine-tune the 
saturation and contrast. 
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CREATE COMIC ART 


I CREATE A VISUALLY STRIKING AND DIVERSE TEAM 
I OF ARCHETYPAL SUPERHEROES! 


he super team is a comic book staple (think 
Avengers, X-Men, or Justice League) - a 
motley crew of specialists who, as a unit, 
can tackle threats too large for any one of 
them alone. Each member wields unique powers 
and abilities that have to read at a glance on the 
comic book page. 

In this tutorial, learn how to design and illustrate a 
wide range of characters with powers to suit any 
situation. You’ll use body type, pose, theme and 
colour palette to differentiate each member and 


make it crystal clear to the reader exactly who does 
what. Photoshop is the perfect tool for this because its 
layer management is second to none, and you’ll need 
that while juggling all five of these character stacks at 
once. Likewise, you’ll rely on Photoshop’s excellent 
colour blending modes and adjustment effects to help 
you keep each figure popping off the page, yet also a 
properly balanced member of the group. 

Quick note: in the line art ‘inking’ phase, a 
pressure-sensitive input device is essential, and a line 
stabilisation plug-in is definitely helpful. 




OUR EXPERT 

DAVID NAKAYAMA 
www.dna-1 .deviantart.com 

Illustrator and concept artist 
currently working for San 
Francisco-based KIXEYE. He 
works in both digitally painted 
and comic book styles and 
freelances for Marvel Comics, 
Corvus Belli, and others. 


■ DESIGN THE SUPERHEROES 


CHOOSE YOUR CHARACTERS AND COLOUR THEMES 

m CREATE BASIC SILHOUETTES 

I Start simply, with basic body shapes. In 
comics, most characters fall into one of three 
standard categories: male, big male, and female. 
Select five familiar archetypes: the tank-like Brute, 
energy-casting Elemental, inventor/tech expert 
Gadgeteer, the Psychic, and urban combatant the 
Hunter. To make a balanced roster, opt for two 
males, two females, and a big male. 



I CHOOSE THEMES AND COLOURS 

I In the case of comic art, theme and colour 
story go hand-in-hand. At this early ideation stage, it 
can be helpful to fill the silhouettes you have drawn 
up with various colors to see what jumps out. In the 
case of the Elemental, warm hues suggest a fire 
theme and immediately lead to ideas for the next 
step. With the Brute, all you really need to do is avoid 
green... *wink* 




riQ EXPLORE BROADLY 

LJ w Now you can let the 
imagination - and stylus - 
wander. For the Brute, how about 
some Kirby geometric design? 
What if he’s reptilian? Futuristic? 
Try anything that makes sense 
and has a clear, obvious theme. 

On the Elemental, you can explore 
more and less humanity, places 
where the fire might replace her 
skin. Or hey, what if she’s not 
human at all? 



■WORK IN 
PROGRESS 

BUILD THE TEAM 



Progress 2: Compose the 
elements 



Progress 3: Detail the 
illustration 


The Professional Photoshop Book 107 




Digital painting 



Q/ CHOOSE THE TEAM 

Consider origin stories and day-to-day routines - what are the 
characters’ home countries or timelines? Who trained them and what’s 
their MO now? A useful layer setup might include a base layer with colour 
tint layer Cmd/Ctrl+Opt/ Alt-clipped to it, foreground layer for things in 
front (armour, straps), and background layer for capes, tails, etc. With a 
nice spread of options to choose from, you can pick the standouts from 
each category, but also consider what the group’s going to look like as a 
whole. Ultimately, you need to settle on a nice diverse ensemble. 



superhero a moment to shine while communicating his or her power and role in the 
team. Give each figure its own layer for line art, and stay loose as you sketch out 
different poses. As they begin to overlap, separate each one with a layer of flat grey. 
Place each set (lines and grey) in a folder to stay organised, and set the lines layer to 
Multiply so the black lines remain crisp against the grey. 


r|C make revisions to the layout 

LJ w With this setup, you can freely move 
characters around in the composition, flipping, 
scaling, and redrawing as needed. Eventually, you 
will arrive at a promising layout. At this point, the 
editor indicates that the image might be used as a 
cover, but with all the real estate accounted for by the 
figures themselves, there’s none left for logos and 
text blurbs. Fortunately, our setup makes this an 
easy revision. Be sure to account for ALL 
compositional elements as early as possible, or you 
risk something important being covered up later. 


ri^ BEGIN PENCILLING 

U / 1 Now create a new document at the final 
output size. Drag over the existing sketch layers and 
create a new layer above these filled with white. 
Reduce its Opacity to about 85%. Now you can start 
pencilling in earnest, using the sketched-in poses as 
a base. Use the same layer setup as before - lines 
on Multiply and grey fill. It’s important here to be 
loose and energetic with your marks, so use a rough 
chalk brush (or something similar) to ensure you 
don’t get overly precious with the lines. 


riQ I FINAL PENCILS 

LJO I Repeat the process for each character, 
and from time to time, check your work for 
drawing mistakes by flipping the whole canvas 
horizontally. It’s an old illustrator’s trick and an 
essential one: looking at your work in the mirror 
immediately lays bare anatomy problems, 
especially on faces. You’ll see right away that one 
eye is too high, for example. Fortunately, 
Photoshop has the perfect tool to fix these issues 
without totally redrawing everything. Use Filter/ 
Liquify to quickly push things back into place. 


■ QUICKTIP 

How awesome is Liquify? It’s one of the most useful tools in Photoshop and gives the artist a tremendous 
advantage over drawing traditionally by making small adjustments a snap. Use Cmd/Ctrl+Shift+X for 
quicker access. The Forward Warp tool is incredibly intuitive and, honestly, all you really need. 



ADVeVNCED 

PHOTO; 
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■ TIGHTEN THE ILLUSTRATION 

BEGIN INKING AND ADD THE COLOUR 



QQ ARRIVING AT FINAL LINES 

LJO So far, you’ve explored a wide range of possible designs for your superhero team, cherry-picked the 
best of them, composed a layout that lets all five characters shine (while still leaving plenty of room for text 
blurbs), and worked out almost all of the line art details in a rough pencil pass. 


001 I PREP FOR INK 

Things are coming into focus, but the 
drawing remains ambiguous in places 
and will need to be clarified 


002 DOUBLE-CHECK 

Before moving on, double-check anatomy 
and eliminate tangents. This is the 
foundation, and it needs to be rock-solid 


003 NEXT STEPS 

In the next step you'll lock in your 
character art, committing sketchy pencil 
marks to solid black ink lines 



1 ^ I CHOOSE YOUR LINE 'FLAVOUR' 

I I Think about context when choosing a type 
of line: use heavier lines for shadows and outlines 
and thinner ones for interior detail. Soft round lines 
work best for the female form and, likewise, 
squared-off angular lines for males. On effects like 
fire, try a rough dry brush. When inking machined 
metal objects, use Shift-click to rule perfectly 
straight lines. To make circular forms, use the Pen 
tool or make a circle with a hard round brush, then 
delete all but the outer line with a hard round eraser. 


^ O 1 FLAT THE COLOUR 

I ^ Finally it’s time to bring this illustration to 
life with colour, and the first step is to create some 
‘flats’ - ie specific groupings of flat local colour that 
fit perfectly into the ink lines you established earlier. 
Flats are both a base layer for the rendering to 
come as well as a master selection tool. Placed on 
a separate layer or in Channels, you can use the 
Magic Wand to easily select specific areas of the 
figure to work on while keeping colour boundaries 
perfectly defined. 



^ Q INK UP CLOSE 

I U Similar to Step 7, you will be starting 
afresh with a new process. To streamline the total 
number of layers, feel free to bake down or trash 
the older ones (ie you no longer need the sketch 
layers, as the pencils will now serve that purpose, 
and those can be collapsed). While inking, it’s best 
to zoom in fairly close. During this process, your 
aim is to create precise, final lines, so rely on your 
Wacom tablet or Cintiq to create smooth, sharp 
marks with varying weight. 

1 This is the foundation and 
it needs to be rock-solid K 



^ Q I CONSIDER OUTSOURCING 

I I Another helpful note about flats: many 
professional colourists in the comic field rely on 
dedicated flatters to take care of this step for 
them, at the cost of about $10-12 per page. This 
portion of the colouring process is time- 
consuming, repetitive work that doesn’t require a 
professional, so if the cost to time ratio makes 
sense for you, by all means make use of these 
incredibly helpful and dedicated artists, available 
on deviantART and elsewhere. 
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■ RENDER IN COLOUR 

ADD HIGHLIGHTS, SHADOWS, TEXTURE AND SPECIAL EFFECTS 


PAINT HARD LIGHT SHADOWS 

; Where to start with the rendering? One 
approach is to choose a cool, dark grey and paint it 
over your flats on a Hard Light layer. The beauty of 
this is that it’s additive, casting the look of a shadow 
over your local colors without overwriting them 
completely (as with Normal mode). Even better, the 
shadows thus created have built-in saturation, which 
looks far better than simply turning up the black. 
Since you’ll be reusing this colour repeatedly, create 
a swatch of it on a separate layer and use the 
Eyedropper as needed to select it. 


I ADD SHADOW AND TEXTURE 

I There are many approaches to 
rendering, which is the process of adding 
volume and texture to round out and surface a 
form. Dodge and Burn (or alternatively, a brush 
set to Soft Light) can be helpful as a first pass, 
roughing in the basic lights and darks in no time. 
Erom there, soft and hard-edged brushes will 
finish the job. In areas of intense light, it helps to 
lighten portions of the line layer. Add texture by 
erasing out of the Hard Light shadow layer or 
simply painting on top. 


I SPECULAR WHITES 

I Eor matte surfaces, this level of rendering 
might be sufficient, but for materials like metal, 
glass, and even skin, you’ll need much brighter 
whites to show the proper level of specularity. Above 
the shadow layer, clip a new light layer, and because 
you’re looking for the brightest, most intense whites 
here, set it to Normal mode. On skin surfaces, use 
the white sparingly - just a single hotspot at the apex 
of a lit area should be ample. On metal or wet 
surfaces, use larger swathes of whites running down 
the length of a form. 






^ fy SPECIAL EFFECTS 

I / Now for the bells and whistles that really 
bring an illustration together. When colouring energy 
effects, you have to give the sense that they’re 
insubstantial compared with the actual figures. For 
starters, lock the layer (see Quick Tip) and paint the 
lines of the fire (or lightning, etc) in a light, saturated 
colour. Next, create a new Hard Light layer and build 
up a glow with a soft round brush set at around 25% 
Opacity. Add and subtract until you achieve the 
desired effect. 



■ PAINTING METAL SURFACES 

Rendering metal surfaces can be tricky. Often in a 
beginner’s work, the shadows aren’t black enough 
and the lights aren’t white enough. Even more 
frequently, they aren’t positioned next to each 
other properly. Grab yourself some chrome 
reference and note this great rule of thumb: put 
strong lights and darks RIGHT NEXT to each other. 
The name of the game is contrast - the more, the 
better - and you want the border of the shadow 
immediately next to the solid white of the lit area. 



■ QUICKTIP 

At the top of the Layers panel there are four icons for locking layers. The first of these - Lock Transparent 
Layers - is really useful for manipulating line art. Turn it on, and you’ll only be able to paint over existing 
pixels and nothing else, making it easy to do re-tints. 
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^ Q SPECIAL EFFECTS 2 

I O • Energy is light, of course, and it should have an effect on nearby figures. Make 
sure you account for this as you near the end of the colouring phase. Again, use a Hard 
Light setting and paint with the same colour you used before, but this time on a layer 
clipped to the target figure’s flats. Pay careful attention to the direction of the light, and 
only paint on surfaces that are actually facing it. The effect is only convincing if the 
application is applied selectively. 




^ Q , CONCENTRATE FOCUS 

I O To finish up, step back from the piece and see what needs extra 
attention. When dealing with multiple overlapping figures, they’ll often 
compete for attention and require a certain amount of dialing back. For 
example, the reds on the Telepath feel a little too strong in the context of 
the overall piece, so you can create a Hue/Saturation adjustment layer, 
clip it to her flats, and selectively reduce (using a layer mask) the 
saturation on her bottom half. 


^ri CREATE DEPTH OF FIELD 

^ U I Next, you’ll need to make sure the figures in the background 
recede where they overlap the figures in the foreground. Case in point: 
the Brute’s elbow. Using the Eyedropper, select the background colour 
and, on a new layer set to about 60 %, paint in a bit of atmospheric 
perspective. This makes the individual figures read a lot more strongly, 
keeping the viewer’s attention where you want it. Add similar layers 
over the Gadgeteer’s shin and Elemental’s knees - anywhere one figure 
is in front of another. 



■ QUICKTIP 

Adjustment layers (found under 
lmage>Adjustments or at the bottom of the 
Layers panel) are your best friend at the end of an 
illustration. Color Balance and Photo Filter are 
great tools when unifying a mess of disparate 
colours under one unifying tint. Levels and Curves 
adjust the global distribution of darks and lights. 


I BRING IT TOGETHER 

^ I ! Lastly, you need to do a few tweaks to help 
unify the group of five figures as one united whole. 
First, select ALL the figure layers (minus the soft 
glow effect layers) at once and Cmd/Ctrl+Opt/Alt+E 
to Stamp Layers, ie create a flattened copy of all the 
selected layers. Now you have a silhouette of the 
whole group to which you can apply a coloured 
stroke (pink/purple here because it complements 
the yellow background). Finally, add Levels and Color 
Balance correction layers on top. 
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One of our objectives is to 
visually convey an idea. 
Keep in mind that no 
matter which style or 
genre you've chosen, 
it has to be believable 


114 Game on 

Go behind the scenes on the creation of some 
of the word's biggest game landscapes 

124 Design game art 

Flesh out gaming characters using custom 
brushes and adjustment layers 

130 Build a 3D infographic 

Develop a new style of presenting 
information and data in a visual way 

136 Create pro key art 

Learn how to create an epic video game key 
art to capture the audience 
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TAKE A SNEAK 
PEEK BEHIND THE 
SCENES OF SOME OF 
THE WORLDS BIGGEST 
GAMES AND LEARN 
HOW PHOTOSHOP IS 
USED TO CREATE THEIR 
IMPRESSIVE ARTWORK 
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Execution: Done to set the mood of a sequence of /Issass/n's 
Creed Unity. The image was entirely painted in Photoshop and 
took Gilles Beloeil about a week to complete 


MEETTHEEXPERTS 


KAIT KUBAR 
CONCEPT DESIGNER 

WWW.KA1TKYBAR.COM 
’ Kubar is 

^ a freelance 

concept artist 
and visual 
designer from 
Estonia. He has 
worked for Guerrilla Games 
on Killzone: Shadow Fall and a 
new unannounced project for 
Sony’s PS4. 




ANDREW VASILIEV 
F0UNDER/2D ARTIST 

WWW.KRATAVRAT.COM 

Andrew Vasiliev 
rjUjlM has been 
L working in the 

^ m games industry 
^ for over six years. 
As a self-taught 
artist, he has recent launched 
his own studio - Kratavrat 
- which specialises in making 
games for mobiles. 


JAMES PAICK 
CREATIVE DIRECTOR 

WWW.SCR1BBLEPADSTUD10S.COM 
^ ^ Asa concept 

' ^ artist and 
— ' founder of 
Scribble Pad 
Studios, James 
Paick works 
mainly in the videogame and 
film industry, as well as 
theme park design, tutorials 
and illustration. 


FINNIAN MACMANUS JULIO ZARTOS 

CONCEPT ARTIST ILLUSTRATOR 


MEG OWENSON 
CONCEPT ARTIST 


WWW.FMACMANUS.COM 


WWW.ZART0S.STR1K1NGLY.COM WWW.LASTS1REN.COM 


T Macmanus is 
. .--tiK currently a student 
at the Art Center 
College of Design 
in California. He 
^ has been working 
in the entertainment industry 
for several years, and focuses 
on 2D and 3D environment 
concept design. 


Zartos has 
pHJ worked in 
£31 some form 
aBi of art and 
illustration 
all of his 
working life, including 
creative retouching and 
for a short time, as a 
professional guitar player. 


Meg Owenson 
works as a concept 
artist/illustrator in 
the entertainment 
* industry specialising 

' in environments, 

set design, key and mood 
concept art. Past clients include 
the US Navy, Fantasy Flight 
Games and Helm Systems. 
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T he computer and videogames market is 
one of the most rapidly growing and 
lucrative in the entertainment industry. 
According to the Entertainment Software 
Association, smartphone and wireless device use for 
gaming in America increased by 22 per cent and 37 
per cent respectively in 201 3, with the rise of casual 
and social games being partly responsible. 

So, as nearly every device that has a screen now 
plays games, corporations are having to produce a 
whole host of new content for a more diverse 
audience. The artwork produced for each game 
must be just as varied, and when it comes to new 
concepts, artists are asked to create individual 
landscapes, environments and characters to help 
shape the future, finished game. The importance of 
those creative ideas is backed up by lead concept 


artist Jedd Chevrier, who says: “Concept artists are 
designers that use drawing, painting and 3D as their 
vehicle of communication. Finding ways to 
consistently generate inspired, creative and original 
ideas is important and highly sought after.” 

In addition to this, creative director James Paick 
also believes that “the hardest part of working in this 
industry is that you must be prepared to perform at 
your highest level on a daily basis. As an artist, 
you’re always learning new things every day, both 
about the craft and about the world around you. The 
more knowledge you have of how the world works, 
the better you communicate that within a painting.” 

Although the cut-throat world of concept art is not 
for the faint hearted, we are reassured that it is one 
of the more rewarding genres to work in 
due to the freedom given to the artist. 



Concept artists are designers that use drawing, 
painting and 3D as their vehicle of connmunication. 
Finding ways to consistently generate inspired, creative 
and original ideas is important and highly sought after 

Jedd Chevrier, wwwjeddchevrier.com 




Getting the commission details before the game 
is built means that imagination can take over 
rather than being constrained to every detail. 
Illustrator Mateusz Szulik agrees: “When working 
in the advertising industry, I got a lot of great 
projects, but making games is something 
different. You can have crazy ideas and just 
realise them; you can develop beautiful new 
worlds or creatures.” 

We spoke to a number of top industry 
professionals who, over the next ten pages, share 
their top tips on composition, colour theory, 
character building, masks, blend modes and 
layers. We even cover the exciting changes to 
game design, including the rise of games for 
mobiles, tablets and the internet. Read on to 
discover tried and tested tips. 
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JEDD CHEVRIER 
LEAD CONCEPT ARTIST 

WWW.JEDDCHEVRIER.COM 


After majoring in 
illustration at art 
school, Chevrier 
has worked on 
projects for 
Transformers and 
Doner. He has also freelanced 
for Hasbro and mobile games 
and continues to work on his 
portfolio with Microsoft Studios. 



NICCOLO BALCE 
ILLUSTRATOR 

ROBOTNICC.TUMBLR.COM 
Niccolo 
Balce is an 
illustrator 
who has a 
soft spot 
for 80s 
and 90s nostalgia. He 
started freelancing in 
2003 and now works 
for Disney Interactive. 



GILLES BELOEIL 
SENIOR CONCEPT 
ARTIST/ILLUSTRATOR 

WWW.GILLESBEL0EIL.COM 
’ Starting his 
career as a lighter 
' intheVFX 
^ industry, Beloeil 
became a 
concept artist at Ubisoft 
Montreal in 2007 and has been 
working for the Assassin's 
Creed games since 2008. 



JULIEN RENOULTAKA 
LEEROY VANILLA 
CONCEPT DESIGNER 

leeroyvanilla.blogspot.co.uk 

■ Renoult is a French 

working in the US. 
Currently a concept 
I I designer at 
Insomniac Games, he learnt 
animation at Gobelins School 
and anatomy at Ecole des 
Beaux-Arts in Paris. 


GIA NGUYEN 

CONCEPT ARTIST/MATTE 
PAINTER 


WWW.GIA-NGUYEN.COM 
r Gia Nguyen is a 

■ professional concept 
artist/matte painter 
based in Saigon, 
Vietnam. With over 
four years of experience working 
in the entertainment industry, 
Nguyen specialises mainly in 
environment design. 


MATEUSZ SZULIK 
FREELANCE ILLUSTRATOR 
AND 3D ARTIST 

WWW.MATSZULIK.COM 

Mateusz Szulik 
is a self-taught 
freelance 
illustrator and 
3D artist based 
in Poland. He loves creating 
new sci-fi worlds, but also 
working in other fields, like 
illustrations for children. 
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■ CONCEPT ART 

Concept art has always had to cover many subjects. 
Being the primary medium for game designers to 
work with, it is imperative that the images are 
produced to a high enough standard. Finding a 
balance between creating fantasy and basing your 
images on reality is no mean feat; then there’s the 
perspective issue, colour correction and of course 
the deadlines. As an extremely fast-paced career 
choice, you have to know what you are letting 
yourself in for and be prepared to follow set rules 
when creating the work. 

Concept designer Kait Kubar has experienced this 
for himself when working on Killzone: Shadowfall. 
“Killzone has very specific style. Before I got [the] 
freedom to play around, I had to learn how the 
design works. So, the idea was simple: be creative 
but don’t wander too far.” Senior concept artist Gilles 
Beloeil also recognises this. For his Assoss/n's Creed 
Lineage work, Beloeil experienced “a tough ride. I 
had to make complex matte paintings with camera 
movements. 90 per cent of my work consisted of 
fixing technical problems and ten per cent of fun 
painting only... but the end result is cool!” 

To avoid getting on the wrong side of the team 
and producing sub-standard work, there are various 
boxes that should be metaphorically ticked off before 
finishing an image. Mateusz Szulik believes that 
artists should consider how to make the concept 
look great, realistic and usable, all at the same time. 



■ BUILDING AN ASSASSIN’S 
CREED ENVIRONMENT 

SENIOR CONCEPT ARTIST GILLES BELOEIL REVEALS WHAT IT TAKES TO 
BUILD A TYPICAL ASSASSIN'S CREED ENVIRONMENT IN PHOTOSHOP 


“The first thing I do is to look for as many visual 
references as possible. This is very crucial; I can 
spend half a day on colour, lighting, objects, 
composition and character poses. After picking 
colours in photos or illustrations, I begin to paint. 
If you want to build a concept environment, start 
with big shapes first, followed by the details. I use 
the Lasso tool to make my selections and paint 
inside them. I also change layers each time I 
think about it and I collapse them when I think I 
have something interesting I want to keep. 


“I then use the Gradient tool often to avoid 
hard edges as much as possible, and apply 
Curves to change the value or colour of a 
specific area. Try to vary your brushes, but I 
recommend using only four or five different 
ones. I always pick a colour and paint one or 
two brushstrokes, then pick another one and 
paint again. This ensures variety. At the end, I 
do some colour corrections on the overall 
image and darken some areas like the corners 
of the frame.” 
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Eviction: This was a mood paintine 
for the very beginning of Killzone. 'Mt 
was interesting to see that it looks 
better in game," says Kubar 


KAIT KV&AR 








Game on 



“From a technical point of view, I try to ask myself 
some basic questions: ‘Could it really work like that?’ 
‘Could that plane really fly in the air?’ ‘Will that mech 
be able to walk?’ and ‘What will that device do?’. 

Even once you have thought up an image or have 
been given commission details, building the concept 
can be quite a complex task. As most concept art is 
built in Photoshop, there are a lot of things that can 
go wrong, so sorting guides and layers is very 
important. “I have a group for my guides (perspective 
lines, drawing, photo references), a group with the 
few layers I am painting on and a last group with 
some previous versions of my image,” says Gilles, 
“just to be sure I am still in the right direction.” 

Paick also highlights the complexity of working in 
Photoshop and how easy it can be to go astray: 
“Photoshop is great in the sense that it offers 
countless ways to achieve a certain result. Although, 
that aspect of it can end up being a gift and a curse, 
since there are infinite ways to get to a result, it’s 
easy to get lost in the program if you let the tool 
control you instead of controlling the tool.” It goes 
without saying that most digital artists still use 

It's easy to get lost in the 
program if you let the tool 
control you instead of controlling 
the tool W 

James Paick, www.scribblepadstudios.com 



. ■ MEDAL OF HONOR 

BREAKDOWN 

^ , ARTIST JAMES PAICK EXPLAINS THE WORKFLOW BEHIND THIS 

HELICOPTER SCENE FROM MEDAL OF HONOR 

Q ^ 1 BLOCK OUT 

U 1 1 1 started this particular piece by blocking 
in the walls, floor and ceiling. Once 1 had the 
foundation of the room laid out, 1 then designed 
within that space and really set-dressed the 
environment to fit the needs of the project brief. 



j LAY IN 

1 loosely indicated where 1 wanted all my 
items in the scene, and then designed out what 1 
wanted them to be. After indicating a particular 
item, 1 could then utilise the rules of perspective to 
repeat that object back in space, while keeping the 
design and scale believable. 

#■ 


1 FINALISE 

LJw 1 Once 1 had all my objects in place, 1 could 
then finalise the design of the picture. Then came 
solidifying the painting and lighting it. 1 can control 
the viewer’s eye with lighting, showing them 
specifically what 1 want them to see. 

i. - 

m 



Photoshop as a central part of their workflow. 
Flowever, with the rise of 3D films and games, 3D 
software use is becoming more and more 
widespread. Do all concept artists have to use 3D 
software as well as Photoshop? “There are times 
when a client provides a 3D base for me to work on, 
but personally I solely use Photoshop for my 
artwork. I find it a good experience to master one 
image-making tool before venturing off onto other 
platforms,” Paick tells us. 

Alternatively, there are artists who have embraced 
the world of 3D and use it in their everyday 
workflows. Szulik is one of them: “In my opinion, 
Photoshop works great with 3D. I use it all the time 
in many aspects of 3D - sketching ideas and 
concepts, creating textures, overpainting 3D scenes 
and post-production.” 


Lost Planet 3 - Mech Design: After exploring quite a bit. Scribble 
Pad Studios finally narrowed down a design to flesh out. Even before 
this stage, there were revisions to the mech design to make sure it 
would suit the project's needs 
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■ ENVIRONMENTS AND 
LANDSCAPES 

Realism is key to a successful environment concept. 
Even a fantasy image needs to look relatively 
believable. “Because of the need for realism in my 
work, I have learnt a lot of matte painting techniques 
so that I can work with photo textures.” Concept 
artist Meg Owenson adds: “For this I find Channels to 
be a powerful tool. It allows me to cleanly cut out 
plants and other tricky elements like clouds to 
implement into my work.” 

Landscape composites get infinitely more 
complex, meaning that the original commission 
request can get lost if you aren’t careful. This is where 
the difference between a concept artist and an 
illustrator becomes relevant. “I am a concept artist 
rather than an illustrator, so I am more concerned 
with the mood and ideas within the piece rather than 
getting a painting that is perfectly rendered,” says 
Owenson. “Illustrators can take months on one 
painting, but when you are working in a studio your 
art director might want one or two paintings done 
before lunch.” 

There are a number of important aspects to look 
out for when building your image. Concept artist 
Finnian MacManus believes that proportion and 
shape are key. 

“In terms of composition, I always try to consider 
the read of the image: How fast does someone 
understand what’s going on? How can I improve 
that? I always think about how every element relates 
to each other, how they contrast, whether it be by 
shape, hard or soft edge, and how they add or take 
away from the composition.” 

Owenson believes it is all about the fundamentals. 
“Lighting, colour, values etc. Artists working in the 



■ 2D ENVIRONMENT CONCEPT ART 

FINNIAN MACMANUS GIVES A STEP-BY-STEP GUIDE TO CREATING 
HIS FANTASTICAL ENVIRONMENT 


I COLOUR BLOCK IN 

U I I The colour block-in phase is similar to building the anatomy 
of any piece. Everything here will for the most part decide the 
composition and feeling of the work - it will show the mood, major 
elements, and lighting. I focused on loose gesture for the forms, 
trying to get a mysterious but vibrant look to the scene. 





I COMPOSITION AND CONCEPT 

I I developed the scene more, adding elements that would hint at the 
type of world this was, and adding some compositional changes to make 
the image more powerful. I worked on the lighting and texturing a bit, 
applying details in some areas I thought were complete. 


QQ I DETAILING AND FINISH 

w I The final step was further 
refinement of the concept, populating the 
world with the elements I had created, and 
detailing the focal areas with textures. I made 
the lighting a bit more dramatic, and used 
some atmospheric perspective to get the 
depth in the scene that I desired. 



Artists working in the 
** entertainment industry 
have to know so much. There is 
no quick fix for this, even though 
we work digitally 

Meg Owenson, www.lastsiren.com 
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entertainment industry have to know so much. There 
is no quick fix for this, even though we work 
digitally.” She adds “Lighting is something that I find 
most important when creating any kind of painting. If 
you can create an interesting lighting scheme, then 
half your work is done.” 

As for Photoshop tools and techniques, since the 
release of new features in both CS6 and more 
recently in CC, artists like Chevrier have found new 
solutions to previously unsolvable issues: “The new 
mixer brush features are excellent. They have really 
helped me bridge the gap between my digital and 
traditional workflows.” Artist and matte painter Gia 
Nguyen adds: “There are also a number of new 
overlays including Golden Ratio, Golden Spiral, 
Diagonal, Triangle, Grid and Rule of Thirds that are 
useful and the Auto-save feature should have been 
in Photoshop a long time ago!” Chevrier agrees: “I 
have had so many scenarios where this has saved 
me hours of work.” 

A tip for those that want to improve workflow 
speed is to create shortcuts. “Time is everything 
when you are working as a concept artist. You can’t 
be slow, so I make full use of the shortcut 
commands and have set up a lot of actions to allow 
me to quickly do things such as flip the canvas; that 
way I can see mistakes in my work [more easily].” 



What should be the initial emotional reaction that you want to 
** pull out of your audience for that particular character? 55 

Jedd Chevrier, www.jeddchevrier.com 


■ CHARACTER AND MECHANICAL DESIGN 


The path to becoming a successful character and 
concept artist is never smooth. However, every 
professional that we spoke to suggested that you 
should practise every day to improve your skills 
before applying. “Make sure that you have your 
fundamentals down. Drawing, painting, perspective, 
anatomy, colour theory, etc,” says Chevrier. “At some 
point in your career you will be asked to design 


something you’re completely unfamiliar with, or 
something completely ridiculous. Your ability to 
dissect, design and visually communicate those ideas 
is built upon those fundamentals. You need to be able 
to confidently rely on those skills.” 

When it comes to actually designing a character, 
the ability to make it look realistic is key. It really can 
make all the difference between an image that is easy 


on the eye, to one that just doesn’t make sense. We 
discussed a typical image workflow with illustrator 
Julio Zartos, who believes that you should start with 
research. “After receiving the client briefing, usually I 
research everything that is related with the game. 
Inside my mind, I create a story for them.” Nguyen 
agrees and is happy to extensively research a subject 
before starting a commission. Nguyen also believes 


Sunset Overdrive 
Character 
Grouping: This 
picture was done to 
fix the art direction 
of the character for 
the game Sunset 
Overdrive. The idea 
behind this group is 
also to show the 
variety of 
characters that the 
gamer could play 
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that the first thing a concept artist must think about is 
the main function of the character - or in this case, 
machine - and then follow up by thinking about the 
design. ‘“Form follows function’ is a principle 
associated with modernist architecture and industrial 
design and now concept art. Because everything we 
create appears in games or movies, it has to be 
believable to audiences, and usable for the characters 
in it.” 

For Chevrier, the narrative is the most important. 
“What should be the initial emotional reaction that you 
want to pull out of your audience for that particular 
character? After that is satisfied, what are the 
qualities, shapes and design motifs that make that 
character memorable? Make sure that you’re asking 
yourself the hard questions and also answering them.” 
Nevertheless, some procedures deserve more of your 
attention than others. When senior concept designer 
Julien Renoult is drawing in Photoshop, he gives 
himself precise guidelines to follow. “I have a strict 
process with the layer properties, especially for the 
rendering and the colour stages. When I use 3D or 
photos, I play more with masks and adjustment 
layers.” For Zartos, it is more important to set up “the 
character details by drawing the construction of the 
body on black and white. Draw the additional elements 
on a separate layer and add them only when needed.” 

Flowever you choose to create your character or 
machine, everyone agrees that brushes are very 
important. Even if your image is not created through 
traditional digital painting methods in Photoshop, they 
are still used to add light, shadow and realism to your 
scene. “I like the default brushes; they work pretty 
good for me. So, at this point, I don’t use any different 
brushes to anyone else,” says Zartos. “I would like to 
highlight the Mixer Brush tool if you want to get 
fantastic effects.” 



■ CREATIVE AND 
TECHNICAL ADVICE 

SENIOR CONCEPT DESIGNER JULIEN RENOULT SHARES HIS TOP 
TIPS FOR CHARACTER DESIGN 


■ Creatively 

Having a good reference is the most important part in finding new ideas. I have collected tons of images, 
from antique to contemporary, and I enjoy mixing them together. 

■ Technically 

In technical terms, it is important to remember to make all changes on a new layer. Begin with a small 
sketch to fix the shape, create a second layer and draw the lines and details. On a third layer, diffuse colour 
and use the fourth layer to add shadows in Multiply. The fifth layer should be used as a specular in Overlay 
and the last layer to make your final changes. 


In these images you can see the way that Renoult has followed his own processes in Photoshop in order to build his character: adding the 
shape and the outline, followed by shading and finalising the colour 




Quadruped 
Walker: One of 
many initial mech 
concepts Nguyen 
did for the mech 
racing project. 
These are just for 
style exploration 
and to give the 
production team a 
quick look over the 
project style. The 
concept is 
discussed further 
based on that 



The Professional Photoshop Book 121 








■ PAINT A CYBORG 

CHECK OUT JULIO ZARTOS' WORK 
FOR WWW.DOWNLOADC3.COM 


'V Wf' ^ I I In the beginning, I usually 

like to start sketching in black and white, with a hard 
brush such as an oil pastel brush in large. Here, the most 
important thing is to let the imagination flow. I just knew 
this character should be a strong cyborg, capable of 
carrying a heavy weapon. 


ri^ I VOLUME CONSTRUCTION 

I Still working in black and white, I built the 
character’s shape by adding volume through light 


and shadow. I still used the hard brush, but I also 


worked with a softer brush. I could now see what the 

character would look like and the paths I had to ^ 

follow to get where I wanted. 
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Making artwork within the constraints of the Ul designs and the 
** limitations of a game engine demands more time in finishing assets 


■ ONLINE AND MOBILE 
GAMING 

With the games market no longer restricted to just 
consoles, artists have had to regularly adapt their 
illustrations to make them accessible across different 
devices. Senior 2D artist, Niccolo Balce, discusses the 
challenges that have resulted from this change: 
“When working on mobile games, my output mostly 
has to be saved out as different sizes. The assets 
have to be saved out just a few notches smaller than 
print size for mobile and it has to be way smaller for 
the social or online version. I also have to keep things 
within templates that were established by the 
engineers and the Ul designers.” 

When setting up your predicted workflow, it is 
important to take this into account and allow for the 
extra time. “Making artwork within the constraints of 
the Ul designs and the limitations of a game engine 
demands more time in finishing assets. But it’s just a 
matter of getting used to and keeping open 
communications with your co-workers.” 


Sub-elements 

Here's an example of the grouped 
layers: I always have a line art, a 
colour flats, and a shade layer 


I used Blender to make the 
arcade cabinet. Then I rendered 
it out as three separate PNGs 


After all groups look good with each other, 
I flatten each one of tnem. This allows 
further tweaking without confusion 


Colour flats and 
shade layers 
I keep colour flats 
separate from the 
shading so colours can 
be shifted as much as I 
want before finalising 


Major elements 
My illustrations are usually split 
into three groups: a foreground, 
midground, and a background, 
each with their own layers 


Niccolo Balce, \n\n\n. robotnic.tumbir.com 



Sujper Comboman: 
This one was for the 
Super Comboman 
art book, which was 
one of the rewards 
for the Kickstarter 
backers. It was also 
used for their flyers 



2Bix: 2Bix was a huge departure from 
any of Balce's other projects since it 
encroached onto Ul design territory. 
He designed the gems, the game 
board's look and the general feel of 
the game's visuals 


Animal characters from Go Go 
Armadillo: Each animal was carefully 
designed based on real animals but 
slightly shifted to give them comic 
status. Designs were created in 
collaboration with Mojobox Games 



FOUNDER OF KRATAVRAT 
STUDIO, ANDREW 
VASILIEV, GIVES HIS TOP 
TIPS FOR CREATING GAME 
ART FOR ONLINE OR 
MOBILE DEVICES. 

■ Screen size: If the game’s for a phone, you 
definitely need to create such graphic content that 
will be read at a small size. All items must be 
clean, clear and recognisable. 

■ Limiting the number of textures: To improve 
performance and reduce the size, games always 
try to reduce the overall size of the texture, and 
thus the graphic elements. Here you have to 
sacrifice either number of unique elements, their 
size, or their quality. 

■ Colour rendition: If the game comes out not 
only on iOS but on Android and other platforms, it 
will look different on the different screens: darker, 
brighter, more contrast or more saturated. It is 
necessary to find the golden mean for original 
graphics to make it look good on any screen, at 
any size. 




Opening comics 
first page: This is 
the first version of 
the opening image 
for the Beaver 
Kickin' ^ame. It 
will be animated, 
with the camera 
moving slowly 
through the whole 
picture showing 
all of the details 
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DESIGN GAME ART 


FLESH OUT A FULLY RENDERED CONCEPT CHARACTER 
USING CUSTOM BRUSHES AND ADJUSTMENT LAYERS 


hether it’s for games or for movies, 
there are no rules when it comes to 
creating character concept art. You can 
use any tool within your grasp in order 
to augment your painting process and to flesh out 
your character as your imagination tells you. When 
doing work of this kind, Photoshop comes in handy. 
Here, you will be taking advantage of its power in 
order to create a fully rendered character concept 
that isn’t simply a snapshot. 

This tutorial will cover the complete painting 
process. You will use different tools and techniques 


to paint a female character who could be the 
protagonist in an action game - a femme fatale 
inspired by the likes of Chun-Li. You will learn to 
develop the picture from a rough thumbnail sketch 
and discover how this task can be done with the 
use of custom brushes and blending modes. Some 
of the brushes you’ll use here mimic traditional 
media to a certain extent and will be very useful in 
adding textures to the piece. You’ll also make use 
of adjustment layers and filters that can influence 
the overall mood and atmospheric perspective of 
the picture. 



■ START WITH STUDIES 



OUR EXPERT 

JOHN BRIAN S. CASACOP 

www.jbcasacop.deviantart.com 

JB Casacop is a mobile games 
designer by day and a fantasy 
illustrator by night. He has made 
dozens of artworks for games like Star 
Wars LCG and Warhammen Invasian. 

Q SOURCE FILES 

Provided online are Jan Ditlev 
Christensens fine art brushes that 
behave like traditional brushes. 

Other brushes used in this tutorial 
can be downloaded from www. 
danluvisiart.deviantart.com/art/ 
My-Brush-Pack-l 18954791 
and www.ramonmiranda. 
com/201 0/04/photoshop-artistic- 
oils-brushkit.html. 


CREATE SKETCHES THAT WILL GUIDE YOU THROUGH THE ENTIRE PROCESS 

m TONAL THUMBNAILS 

' Regardless of how detailed you plan 
your artwork to be, always begin by creating tonal 
thumbnails. The purpose of this step is to make 
quick compositions that will help determine 
which pose and what kind of lighting will work 
best. It doesn’t have to be polished. You just have 
to make sure there is ample distinction between 
the figure and the background. 



j COLOUR THUMBNAIL 

\J^ I Once you’re happy with your tonal 
thumbnail, start adding colours. There are several 
ways to do this. You can either set your tonal 
thumbnail as a Multiply layer then paint underneath, 
or just paint on a layer with the blending mode set to 
Color, or simply paint over it. You can also do a 
combination of all those methods. 



TIGHT LINE SKETCH 

The thumbnails will serve as guides when rendering the piece. 
After making them, the next task is to finalise the form of the figure by 
creating a tight sketch. Use any hard-edged brush to draw the figure as 
you would using pen on paper. Make use of the Line tool to create 
straight lines. 



■WORK IN 
PROGRESS 

BUILD UP FROM A ROUGH 
SKETCH 



Progress 1 : Create thumbnail 
sketches 



Progress 2: Add colours 



Progress 3: Finishing touches 
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SEPARATE ELEMENTS 

! Now you need to separate the picture’s 
elements using silhouettes. Use the Pen tool to 
select each element, such as the figure, then fill 
them with any colour. Make sure each selection is 
made on a different layer. Duplicate the line art 
layer on top of each silhouette. Ctrl/right-click on 
each line art layer and select Create Clipping 
Mask. Alternatively, you can just put the mouse 
cursor between the line layer and the silhouette 
then Opt/ Alt-click. 


] BROAD STROKES 

' With each element separated into individual 
layers, your next step would be to introduce colours 
using broad brush strokes. Before painting on a 
selected layer, click Lock Transparent Pixels. This will 
ensure that the silhouette of that layer is preserved. 
There is no need to be concerned about polishing at 
this point. You will revisit each element later after the 
basic colours have been laid out. This is where the 
colour thumbnail becomes useful as it can be used 
as a guide in this step. 


j RENDERING THE BACKGROUND 

• One of the better approaches to painting, be 
it digital or traditional, is to render the most distant 
elements first. In this case, it’s best to begin with the 
sky and the shipment containers behind the 
character. Use Jan Ditlev Christensen’s fine art 
brushes (provided online) for the hard surfaces. For 
the clouds, use Dan Luvisi’s custom brush pack (link 
provided). To control the ‘amount of paint’ in each 
stroke, access brush presets and set Opacity and 
Flow jitter to Pen Pressure. 





pry I INITIAL BACKGROUND ENHANCEMENTS 

U / * Now that you’ve rendered the background, 
you’ll need to create two new layers on top of it. 
Change the blending mode of the first one to Color 
Burn and the other to Color Dodge. Use an airbrush 
to enhance contrast and colours. This method, while 
less automated compared to using a filter or an 
adjustment layer, provides greater control because it 
allows you to choose specific areas to darken, 
lighten, or intensify. Flaving these enhancements on 
separate layers makes the file more editable. 



QQ I ADD TEXTURE 

LJO * One of our objectives is to visually convey an idea. Keep in mind that no matter which style or genre 
you’ve chosen for your painting, it has to be believable. Even if your painting is stylised as opposed to 
photorealistic, there are still merits in adding details such as textures that make the artwork all the more 
convincing. It’s a good idea to build up a library of free textured brushes that can be downloaded online, such 
as Ramon Miranda’s Artistic Oils Brushkit (link provided). 
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■ BRING YOUR PAINTING TO LIFE 

USE DETAIL TO EMPHASISE KEY ELEMENTS IN YOUR WORK 

QQ I RENDERING SKIN 

LJO I After fine-tuning the background, it’s finally time to render the character. Start with the skin. Concentrate on the facial 
region first. Her face is the part you have to pay extra attention to because it’s the one that tells the most about her mood and 
character. When rendering skin, use hard-edged round brushes and airbrushes without any texture settings in order to achieve a 
soft and smooth kind of finish. This will also improve the distinction between her and the background that consists of hard and 
rough surfaces. 



BQUICKTIP 

Aside from brushes, 
having a library of 
royalty-free textures is 
also beneficial. You 
can use them in 
conjunction with the 
brushes you download 
or perhaps even make 
your own custom 
tools out of them. This 
will make painting in 
Photoshop even more 
efficient and enjoyable 
for you. 


a Sometinnes, 
there are errors 
in your painting that 
only become evident 
once you see a 
mirror image of it HI 




CHECK FROM 
AFAR 


There are still certain 
methods in traditional 
painting that should be 
kept in mind. You shouldn’t 
fixate too much on the 
details. As in traditional 
painting, you must look at 
your work from a distance 
every once in a while to 
check the general 
composition. Clicking 
Window>Arrange>New 
Window for [filename] will 
allow you to have any 
number of extra views of 
your painting. By having 
these extra windows, you 
can evaluate how much the 
painting is being changed 
by the details you’re 
currently working on. 



1 ^ ‘ DO THE FLIP TRICK 

I 1 Sometimes, there are errors in your 
painting that only become evident once you see a 
mirror image of it. Flipping your image exposes any 
awkward placement of elements or errors in 
proportion. To perform this checking method, click 
the top-most visible layer in the Layers panel then 
stamp visible layers by pressing Cmd/Ctrl+Opt/ 
Alt+Shift+E. This will create a flat layer that you can 
easily flip using the Transform command. You can 
now look at your art from a fresh perspective. 
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■ COMPLETE YOUR PAINTING 

FINAL ENHANCEMENTS AND POST-PROCESSING 



^ Q CREATE PATTERNS ON THE CLOTHES 

I ^ In traditional painting, you can add patterns 
on drapery by either making use of stencils or by 
doing so manually. Both methods can be quite 
laborious. Thankfully, Photoshop offers a certain 
solution. Make use of the Pen tool or the Lasso tool 
to isolate a portion of the character’s clothes. 
Colourize your selection using a Gradient Map, which 
can be accessed by clicking lmage>Adjustments. In a 
nutshell. Gradient Maps allow you to apply different 
colours to different values in your images, making 
them ideal for patterns on folded drapery. 


^ O I PLACE DECALS 

I ^ I By definition, decals are labels that can be 
transferred to a surface from specially prepared 
paper. They are commonly used in scale modelling. 
In the digital arts industry though, decal also serves 
as an informal term used by artists to denote any 
graphic element that is prepared separately before 
being integrated into another artwork. By using the 
Rectangular Marquee and the Type tool, you can 
create simple logos that can be used as decorative 
details. To integrate them into the painting, use a 
combination of Transform tools and painting-over. 


m QUICKTIP 

Learn how to use various adjustment layers to 
your advantage. When you are working in the 
game industry, you never know what changes 
your clients or art directors might request. 
Oftentimes, you’ll be expected to make those 
revisions quickly, so you need to have as much 
control as possible. 



U ENHANCEMENTS ON THE CHARACTER 

Similar to the process done after painting the background earlier, make use of a Color Dodge and a 
Color Burn layer to enhance the values and hues of the character. Since the background consists primarily of 
greens and blues, you should accentuate the character further by using warmer colours. With soft brushes, 
apply some red-orange hues along the edges of the character on the Color Dodge layer. Then, for the shadow 
enhancements, apply some light greys and various shades of purple on the Color Burn layer. 



^ n ; GENERAL COLOUR ADJUSTMENTS 

I %J i Once you’ve painted all elements, care must 
be given to ensure that all elements look like they 
belong in one scene. This is where adjustment layers 
come in handy. In this case, use Color Balance to 
simultaneously adjust the hues of the character and 
the background. Naturally, certain hues will be 
pushed too much as a result. To remedy this, apply 
some black paint to the layer mask that comes with 
the adjustment layer. This will allow you to ‘erase’ 
parts you don’t want the adjustment layer to 
influence or affect. 
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^ n - ATMOSPHERIC EFFECTS 

I D [' The last step in this tutorial that 
would involve the use of brushes would be 
the addition of atmospheric effects such as 
bloom. Bloom is an effect in which the light 
extends beyond the borders of bright areas in 
the picture. To add this particular effect, you 
will simply need to create a new layer and set 
its blending mode to Screen. Then you will 
need to make use of an airbrush to lightly 
paint those light fringes. Take care not to 
overdo it though, as you don’t want any part 
of the background to be too washed out. 


^ fy CHROMATIC ABERRATION 

I / Chromatic aberration is actually a form of 
distortion caused by camera lenses that 
photographers attempt to correct. This can be 
avoided altogether in digital painting since you’re not 
using a camera. It can also be deliberately added to 
make your painting look a little less artificial. To do 
this, stamp visible layers then Ctrl/ right-click to 
access Blending Options. In the menu that pops up, 
just uncheck any of the three channels. After closing 
the menu, use the Move tool (V) to slightly reposition 
the layer to simulate chromatic aberration. 




■ THERE ARE NO RULES, ONLY TOOLS 

This tutorial shows but a few approaches to 
creating a concept character. There are an infinite 
number of ways to come up with the effects in the 
painting we have here. You can spend a lot of time 
in the line art phase by checking proportions there 
and finalising the anatomy instead of just making 
corrections in post-production. You can make use 
of royalty-free photos instead of manually painting 
textures, or use the Smudge tool to blend your 
colours instead of relying on Pen Pressure 
settings. Don’t be afraid to experiment. It’s still the 
best way to get oriented. 


^ Q I FINISH WITH A BIT OF NOISE 

I O I The finishing touch would be to make use of a noise filter on your painting. You may consider this 
step optional if you want to go for a smooth kind of look. Some artists do this extra step in order to keep their 
paintings from appearing too computer-perfect. It creates a subtle change that probably won’t matter if your 
image is intended to be scaled down during print or for use on a website. In this example, an Amount of 2.5% 
was used for the Add Noise filter. 
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CONSTRUCT A 3D 
INFOGRAPHIC 

TURN BORING FIGURES INTO A STUNNING ADVERTISING 
. ILLUSTRATION USING THE POWER OF PHOTOSHOP 


n infographic is the perfect solution for 
presenting exact figures in a clear and 
vivid image. 

The main task of an infographic is 
the simplification and visual representation of 
data. Too often most infographics are still deadly 
dull, even with the current progressions in digital 
art. By gathering your figures into one scene, 
passing them through Photoshop and adding 
your creativity, you will hopefully be left with a 
knock-out image which demonstrates all of the 
data at a glance to create an effective and 
engaging advertising image. 


There isn’t a set recipe for a creative solution that 
will work in every case, but here are a few tips to get 
you started: 

If your client works with real-world objects or his 
product is a material object, use it. From woodwork, 
machinery to cheese-making - almost anything can 
make an excellent theme for your creation. 

Create a mood board around your theme. It will 
help you visualise and plan out your idea. 

Be brave enough to use your boldest ideas. It 
doesn’t matter if no one has done it before you. 

Follow this step-by-step to spark your creativity 
and inspire you to try your own version. 



■ BRING THE IDEA TO LIFE 

GET STARTED WITH SKETCHES AND PRELIMINARY IMAGES 

m l CREATE WORKSPACE 

I Create a new document sized 2835 x 
3661 pixels. This size is ideal for 300 dpi printing. 

Make a light grey background layer. Group it and 
call it ‘BG’. It’s boring but try to keep your layers 
in good order. It’s very useful when you have a lot 
of layers as in this case. 


ri^ I MAKE A PLAIN PIE CHART 

\J^ \ Draw a line using the Line tool in the 
middle of the canvas. Copy the layer, Cmd/Ctrl+J, 
and rotate it, Cmd/Ctrl+T, according to the slices 
of the pie (1 3°, 24.9° and 37.4°). Then create a 
circle using the Ellipse tool from the intersection 
of the lines, Click+Alt+Shift. The circle should be 
larger than the lines. 



riQ ALTER THE PERSPECTIVE 

LJ w ‘ Select the lines and the circle layers and 
convert them to Smart Object, Right-click>Convert 
to Smart Object. Lay the pie into perspective using 
the Transform tool and the Perspective tool, Cmd/ 
Ctrl+T>Right-click>Perspective. You can rotate the 
slices of the pie by editing the Smart Object, 
Right-click>Edit Contents. 




OUR EXPERT 

ANTON EGOROV 
www.behance.net/egorov 

Egorov is a self-taught CG artist 
living in Saint Petersburg who mixes 
Photoshop with 3D applications to 
create stunning infographics and 
illustrations. He is currently working 
worldwide as a freelancer. 

A SOURCE FILES 

|B You can find the files you need to 
I complete this tutorial at: WWW. 

I istockphoto.com and www. 

I cgtextures.com. 


■WORK IN 
PROGRESS 

FROM IDEA TO 
FINISHED ARTWORK 


TOi^ 



Progress 1 : Create a sketch 



Progress 2: Select your 
source photos 



Progress 3: Add the 
finishing touches 
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ri / I DRAW A SKETCH 

I Now the fun begins! Your task is to create the main composition. Grab the Brush tool and draw your 
ideas! In this case a pen tablet was used but you can use any kind of technique, drawing, photo-compositing 
or whatever else you want. Don’t forget about the bubbles. It’s very important to create them at the sketch 
step because they influence the composition and if you forget about them you probably won’t be able to find 
room for them on your final illustration. 



pc I draft surface textures 

LJw ' It’s time to select photos for the surface. You 
can find any other photos of grass, wheat and potato 


bushes or use ‘17130460’, ‘19639229’, ‘17827429’, 
‘17404693’ and ‘19549044’ from istockphoto. Make a 
group for each surface. Create rough masks for 
them just using the Magic Wand tool on the sketch. 
To make mown wheat behind the harvester just copy 
the grass photo and make it yellow using Hue/ 
Saturation. Don’t forget the perspective and the light. 





fYJ l DRAFT SOIL TEXTURES 

U / I To make the soil look good, use different 
textures for the soil layers. Let’s make three soil 
layers. You’ll need something like rich soil, gravel 
and rock. Go to www.cgtextures.com, find the 
‘GravelOl 59’ set and download it, do the same for 
‘SoilRough0067’. Then find and download the 
‘RockJaggedOOl 8’ photo. Create a group for each 
soil layer as well. You don’t need to fill all sides, just 
make sure that the textures look good. Don’t forget 
about proportionality. 


■ QUICKTIP 

Having good source photos is half the success. If 
you can’t take some photos by yourself be 
patient when searching for them. Study all of the 
search features on your favourite photo stock 
site. Use proper tags and you will find stunning 
pictures really quickly! 



pn DRAFT OBJECTS 

LJ J ■ So, now you need a pile of photos of a cow, 
a sheep, a harvester and a farm. Go to your favourite 
photo stock site and collect as many appropriate 
photos as you can. Or you can use ‘31 1 72838’, 
‘10122563’, ‘50984500’ and ‘21186493’ from www. 
istockphoto.com. Make sure that they fit the 
perspective of the sketch and they have the same 
light direction. Place preview photos on the sketch 
using rough masks. 



riQ COLOUR CORRECTIONS 

LJw - Your task on this step is to harmonise the 
photos with each other. Begin with the soil layers. 
Bring them together using brown Solid Fill Layers 
in Soft Light Mode, Brightness/Contrast and Levels 
Adjustment Layers. Then make the surface photos 
a bit brighter. Strongly enhance saturation of the 
wheat using Hue/Saturation layer. Don’t worry 
about the potatoes, we’ll get to them later. To make 
objects more natural, tune them slightly using 
different adjustment layers. You can hide their 
masks, Shift+Right-click on the mask, to be guided 
with the grass colour. 
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■ STOP SKETCHING AND 

PLACE HIGH-RES PHOTOS AND MASK THEM 

QQ REPLACE PREVIEWS WITH 
Uy HIGH-RES PHOTOS 

So your draft is finished. Check once more to make 
sure that you don’t have any photos that look out of 
place. Especially pay attention to perspective. It’s the 
most important factor to reach a realistic look. The 
second one is the light direction. You can improve it 
slightly but changing it completely can be a really 
hard task. If everything looks good, replace the 
photos with high-res ones. Use the same masks 
and adjustment layers. 

I TRANSFORM SOIL TEXTURES 

I At the moment you need to lay the soil 
textures on the sides of the pie. Convert the 
‘RockJaggedOOl 8’ and ‘SoilRough0067’ textures to 
Smart Objects. Double the ‘SoilRough0067’ texture 
for the long parts. Before using the Warp tool for 
curving, use the Free Transform tool to move edges 
of the Smart Object to the edges of a side. Don’t 
forget about the perspective. Then use the Warp 
tool to reach a proper shape. For the middle layer 
just turn it into a pattern, Edit>Define Pattern, 
Layer>New Fill Layer>Pattern. 


GO HIGH-RES! 



Especially pay attention 
to perspective. It's the 
most important factor to 
reach a realistic look W 


: MASK OBJECTS 

I Refine your rough masks of the objects 
using different brushes or the Pen tool. Don’t be too 
precise though, only do it where it’s noticeable. 

There is a trick to create a good mask for 
complicated objects like the harvester. Make a new 
layer above it, open the Layer Style window and 
choose a vivid colour for the Color Overlay. Then 
paint the harvester with different tools. Make a 
selection from the layer, Cmd/Ctrl+Click on the layer 
icon, and apply it as a Mask for the harvester. 


1 ^ MAKE THE POTATOES 

I In order to make the surface of the potato slice you’ll have to join two photos - the edge on the 
front and the field in the background. Above all, add contrast to the frontal bushes to make it as close to 
the background bushes as possible. Mask the group with the edge photo and remove part of the bushes 
with a rough brush. The Rough Round Bristle from default Photoshop brushes works really well. Then 
follow the annotated steps on the picture below. 








001 I DESATURATETHESOIL 

Tune the soil colour with adjustment 
layers. Group them. Mask the group 
and clear the bushes with a rough 
black brush 


002 I END BUSH LINES 

Copy the middle soil layer to the potato 
group. Create a black mask on it and 
draw the soil on the ends of the lines 
with a rough white brush 


003 ADD A BUSH 

Make a copy of the potato field layer 
and cut one of the bushes from it. 
Then place it on the left side of the 
potato slice 


^ Q I IMPROVE THE MASKS 

I 1 In order to make the masks of the objects 
more natural-looking, let’s pay more attention to the 
surface where they are placed. Remember, it’s grass, 
so the shadows and the lower edges of the objects 
cannot be absolutely smooth. To improve them just 
grab a small hard brush and draw blades of grass on 
the edges of the masks. Don’t forget about the top 
edges of the shadows. They need some blades too! 
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■ LIGHTING AND DETAILS 

CREATE A 3D LOOK USING LIGHTING AND SHADOWS 

U LIGHTING OF THE PIE 

I As you can see on the source photos the 
sun is on the right. To create a 3D look add some 
highlights and shadows to the pie. Go to the soil 
groups and create in them new layers in Overlay 
and Normal modes. Draw shadows on the left 
sides using a huge soft black brush with a low 
Opacity of 5-1 0%. Do the same for highlights using 
a white brush. Now add some aerial perspective on 
the surface. Make a group with a black and white 
gradient mask (white on the top) and lighten the 
distant parts of the pie using a Brightness/Contrast 
layer. Add a bit of blue with Color Balance. 




■ HAVE A FRESH LOOKAT YOUR WORK 

From time to time check your illustration using these handy tricks. The first one is the flip trick. Merge 
all layers on the top, Alt+Shift+Cmd/Ctrl+E, flip it horizontally and you will see any flaws that you hadn’t 
noticed before. It works because your brain can recognise a rotated image as an already-seen one but 
when an image is flipped it sees it as a new one. Next is the contrast trick. Desaturate the merged layer 
and you will see any trouble in the contrast. And last but not least is the zoom trick. Zoom out of your 
work a lot and you’ll be able to catch sight of any weaknesses in the composition. 


I DROP SHADOW 

I Create a group below the pie. Make a 
selection from the mask of the ‘Soil’ group. Blur it 
using the Gaussian Blur filter with a small radius of 
1 -2. Create a black ellipse looking like the bottom 
of the pie. Rasterize it then blur it using Motion Blur 
filter (0° and 30-70 distance) then blur it with 
Gaussian Blur (1 0-30). Move it a bit to the left. 
Group the shadows and remove any shadow at the 
crevices using a mask and black brush. Make a 
copy and blur it with a huge radius. Tune the 
opacities to reach the best result. 


I SOIL TRANSITION 

I Next you need to make the borders between 
the soil layers more natural. Improve the soil masks 
using rough black and white brushes with Opacity 
70-100%. Don’t think too much, just follow your 
instincts. In order to join the soil layers, copy the 
texture from the top layer and group below it. 
Desaturate it and turn the layer mode to Overlay. 
Tune the intensity of the folds with a Brightness/ 
Contrast layer. Then curve the edges of the side of 
the pie using the Smudge tool with 50% strength. 


STONES GOOD ENOUGH TO EAT 

If an illustration whets the appetite it 
means it’s a realistic piece of artwork. You have 
created a pie; so let’s add some tasty details. Create 
a Brightness/ Contrast adjustment layer above the 
soil groups but below the Lighting one. Lighten the 
soil and enhance the contrast in such a way as to 
make the stones look like nuts good enough to eat. 
Mask the layer with black, then grab a rough white 
brush and reveal some yellow stones on the middle 
soil layer. Yum! 







^ Q ADD SOME ROOTS 

I O It’s a detail that can bring more life to the 
illustration. But it’s hard to find a good tiled photo of 
real grass roots so let’s try to find something similar. 
Go to www.cgtextures.com and download 
‘GrassDead0042’ tiled texture. Open the file, select all, 
Cmd/Ctrl+A, and define new pattern. Create a Pattern 
Fill Layer below the ‘Lighting’ group and tune the 
colour of the roots using Brightness/Contrast and 
Hue/Saturation layers. Then mask the pattern layer 
with black and reveal roots using a rough white brush. 




■ QUICKTIP 

Know, use and love different adjustment layers. 
They allow you to do some fine-tuning without 
any losses to the source image. This approach is 
very helpful in a real-life workflow when you 
always have to change things that you’d thought 
you’d already finished. 
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^ Q POTATO TUBERS 

I O You have created grass roots but what 
about the potato bushes? Go to a photo stock site 
and find potatoes or use ‘17638378’ from www. 
istockphoto.com. Place it into the ‘Soil’ group. Cut 
some nice tubers (stems) and move them beneath 
the bushes. Group them and hide parts of the 
potatoes using the group mask and a rough black 
brush. Draw shadows and highlights using clipped 
layers on the group. If the colour is too vivid 
desaturate it a bit. Grab the Brush tool and draw 
drop shadows. 



TUNE THE COLOURS 

In order to blend the objects into the scene 
even more, create new clipped layers in Soft Light 
mode. For each of them pick the environment 
colour with the eyedropper and draw some colour 
reflections on the lower parts of the objects using a 
huge soft brush. Then improve the colour of the 
harvester. Make a mask for the green colour with 
the Lasso tool and different brushes. Tune the 
colour using a green Solid Color Fill layer. 


SURFACE EDGES 

The next step is improving the surface 
masks. It’s mainly grass so create a special brush 
for it (F5). Use ellipse form and Scattering to make 
a brush like on the screenshot. Just use it in black 
and white colour on the edges of the masks. You 
need to add shadows and highlights on the sides of 
the high grass and the wheat so that the edges 
look better and more realistic. Use the same brush 
in Normal and Overlay modes. 



O Q TWEAK THE SHADOWS 

The shadows of the objects still show their 
origin. Improve them with the ‘Grass’ brush that you 
have used on the edges of the surface masks. Use it 
to refine the masks of the objects and to add some 
more shadows with a dark green colour. Also you 
need to create the drop shadow for the harvester on 
the feed slice. Make a selection from the vivid 
harvester mask. Create new Layer in Normal Mode 
and just draw the shadow with the ‘Grass’ brush. 



O ^ LIGHTING OF THE OBJECTS 

^ I Proper lighting is a very important part of 
great visualisation. Make sure the source photos 
are really close to each other in terms of lighting so 
you just need to tune them slightly. Create a new 
layer in Overlay mode for each object and improve 
the lighting using huge soft brushes with a low 
Opacity of 5-10%. The black parts of the sheep are 
too dark so lighten them a bit with a Selective Color 
adjustment layer. Choose Black in the Color Select 
field and move the Black slider to the left to 2-5%. 




■ QUICKTIP 

An important tip that’s not about Photoshop; do 
what you love. It should be about having fun 
and not just about money. Put your soul and 
personality into your work and you’ll be able to 
create top-notch products. 



120000 


1300 


O / I FINAL TOUCHES 

! Almost there! Unhide the bubbles and create a grey gradient on the background to add a bit of depth. 
Use the flip trick in order to look for any final flaws that need to be fixed. Add one more detail, cut some stones 
from the middle soil layer and place them on the grey background near the pie. Draw drop shadows in with a 
soft black brush. Now have a final look at the illustration. It’s finished! 
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CREATE PRO 
KEY ART 

LEARN HOW TO CREATE AN EPIC VIDEOGAME KEY 
ART TO CAPTURE YOUR AUDIENCE 


T he entertainment industry relies on the use 
of powerful imagery that can touch an 
audience emotionally, and create 
memorable campaigns for film or 
videogame launches. Whether iconic, cryptic or a 
mixture of both, key art pieces and posters have the 
sole purpose of making a bold statement to 
immediately connect with fans across the globe. 

Therefore, a good key art is fundamental for a 
successful campaign, and in some cases, it can 
determine how well or poorly a franchise will 
perform. Massive, slick, iconic, epic - these are all 
words that should be kept in mind when creating key 



'\r * 


art, artwork that has the universal ability of telling a 
story in an instant and grabbing the viewer’s 
attention with a single glance. 

Over the next few pages you will get an exclusive 
behind the scenes look at how we created the 
Goleador League key art. This piece is a fantasy 
soccer-themed mobile game that our studio recently 
launched for Italian confectionery manufacturer, 
Perfetti Van Melle. 

From the integration of 3D elements with 2D layer 
compositing, to creating a digital matte painting 
backdrop, this tutorial will guide you through the steps 
needed to create a real world videogame key art. 







OUR EXPERTS 

DAVIDE BIANCA, 

ANDREA MANCUSO 

www.saizenmedia.com 

@saizenmedia 

Davide Bianca is the founder & 
Executive Creative Director of Saizen 
Media, based in both Los Angeles 
and Milan. 

Andrea Mancuso is the lead CG artist 
at Saizen Media. He has experience 
in CG film, videogame projects, key 
art and illustration. 
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■WORK IN 
PROGRESS 

BUILDING A CHARACTER 



Progress 1 : Initial layering 
and compositing 


i J 


Progress 2: Setting up the 
main composition 



Progress 3: Adding details 
to the character 


■ CREATE AN ENVIRONMENT 

CINEMATIC COMPOSITION 


I CINEMATIC COMPOSITION 

U I I Set-up your work area 
according to the specifications. Add extra 
padding space around main elements to 
allow for cropping. It’s useful to set up 
your layers in groups, keeping 
characters, environmental elements, 
adjustment layers and the backdrop 
separated, to easily readjust if needed. 
For this tutorial, we will be using a 
cinematic widescreen, double fold-out 
format at 300 dpi - a size big enough for 
posters and magazine inserts. 




ri^ j MANAGING CG LAYERS 

Import all character CG 
layers into your composition, 
stacking the layers in the necessary 
order. Start with the colour pass and 
proceed with two copies of occlusion, 
one normal layer, and a reflections 
layer. Double click on the first 
occlusion layer and set its blend 
mode to Multiply. Repeat the same 
step for the second copy and set the 
blend mode to Overlay. Finally, set 
the reflections layers blend mode to 
Screen. Adjust the opacity of each 
layer to achieve the desired look. 


The world a character lives in is what makes the scene 
** believable, as it provides a sense of context JJP 



PIQ BLOCKING SHAPES IN 

LJ w Create basic outlines for the backdrop. Keep in mind that the main focus is on the character. Flowever, 
the world a character lives in is what makes the scene believable, as it provides a sense context and location for 
the events being depicted. Loosely block in basic shapes and colours for the snowy mountains, skyline and 
foreground. Keep the colours and shapes interesting, forcing the eye into the distance and conveying a sense of 
grand scale. You will use these shapes as guides for detailing and texturing by integrating photographic assets. 



ri / ADDING RIM LIGHTS 

Use the normal CG layer as an illumination 
layer. Desaturate it by selecting Flue/Saturation from 
the adjustment menu. Next, with the layer still 
selected, press Cmd/Ctrl+I to invert it. Select Gamma 
Curves (Cmd/Ctrl+M), and adjust the curve until you 
get a black image with a glow around the border. Go to 
Color Balance (Cmd/Ctrl+B) and tint the layer with 
Cyan and Blue. Then double click on the layer and set 
the blend mode to Screen. This will create a blue rim 
around your character to simulate the moonlight. Use 
the Eraser tool to eliminate areas that aren’t lit. 
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ri n I CREATING BELIEVABLE SKIN 

LJ J I Rendering believable skin is tedious, but it 
makes a huge difference. Custom texture maps are 
generally created for the 3D model, however, you will 
want to add more detail to the renders by including 
elements like bruises, scars and imperfections to 
make the character realistic. Place battle scars or 
wounds on the character in areas not protected by 
the armour, this will help create a visual narrative. 
Paint in extra pores and veins in certain areas, and 
don’t be afraid to experiment with bouncing lights 
and translucency to simulate sub-surface scattering 
or wet surfaces. 


QC tell the story with clothing 

LJw The same principles used for believable 
skin rendering also apply to clothes - remember that 
we are telling a story through a single image, so we 
want to convey as much narrative detail as possible. 
A Viking warrior wears hand-made animal leather 
clothes - a compromise between warmth and 
tactical practicality during battle. Add details of blood 
stains, dirt and wear and tear, to enhance the look of 
the fabric. Small rips and holes in the cape or 
trousers will serve as a reminder of past battles. 




riQ CREATE THE ENVIRONMENT 

LJO At this stage, break away from your character and focus on the environment that he lives in. Start by 
choosing a colour palette that makes sense, with the tone and mood setting the scene that you are depicting. 
Fill in the areas that you outlined previously with more defined brush strokes to simulate the moonlight 
bouncing off the snow and casting shadows. Use photographic assets both as a reference and as textures to 
obtain a proper realistic finish. Use the Dodge and Burn tools to darken poorly lit areas or to reflect more light. 



battle props. Its unique shape and curled horns are 


immediately recognisable, and convey a sense of 
strength. The eye will naturally be drawn to the helm, 
so make this the main focal point of your piece. 

Work with the Dodge and Burn tools to create the 
roughness of a hammered metal sheet. Apply heavy 
scratches by combining brush strokes with 
photographic assets. Follow the shape of the helm, 
keeping in mind your light sources and how light 
bounces off curved surfaces. 


■ QUICKTIP 

When working with complex lighting, constant 
fine-tuning is necessary. Always use editable 
adjustment layers instead of non-reversible 
actions. You can apply adjustment layers to a 
single layer, or to a group of layers, by placing 
them directly above the target layer or group, and 
using the Cmd/Ctrl+Opt/Alt+G command. 



QQ ADD ATMOSPHERIC ELEMENTS 

LJ w Everything looks more epic with fog and 
mist. There are plenty of ways to create great particle 
effects. For this key art, our team used the particle 
engine in Arnold to create thin layers of dynamic 
rolling smoke, combined with hand painted thicker 
layers in the foreground. Place the smoke layers at 
the top of your layer stack and set their blend modes 
to Screen. You will want to keep the opacity quite 
low. With a large soft brush erase the areas further 
away from light sources. 
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^ ri ALTER THE DEPTH OF FIELD 

I U I Our brain processes imagery based on colour, shapes and 
depth. So push the depth of your image as far as possible in order to 
make it pop. Duplicate your character group and merge its content - 
keep the original group disabled as a backup. Using the Blur tool, begin 
softening the contours. Use a small brush with low strength. Next 
increase the strength and blur the areas further away, while keeping the 
rest sharp. This will direct the viewer’s eye to the focal points, simulating 
the cinematic depth of field of a 50mm lens. 



1 ^ I MAGIC PARTICLES 

I I This is a fantasy game, so your character will, of course, have supernatural 
abilities. Use a particle system as secondary focal point to counter-balance elements and 
guide the viewer’s eye across the piece. Use warm colours to contrast the cool tints of the 
environment. Start with an orange tint and begin outlining your magical flares. Switch to 
lighter tints in correspondence with heat sources. Keep shapes dynamic and interesting. 
Integrate a soft layer of smoke and an Overlay orange glow layer to add realism and make 
the colours really pop. 



^ ^ BALANCING 

I ^ Create a new group containing adjustment layers for Gamma Curves, Brightness/ Contrast, and 
Colour Balance, and place them at the top of your composite. These will serve as master colour correction 
settings. Adjust the Gamma Curves until the image looks properly lit. Gamma Curves are also helpful to 
remove possible artifacts resulting from Screen layers and compositing. Use Brightness/Contrast to bring out 
highlights, and use the Colour Balance settings to increase Cyan and Blue on both highlights and mid tones, 
as this will help blend elements seamlessly and unify tints. 



001 * COLOUR BANDING 

Dark areas can show artefacts. To eliminate 
noticeable colour-banding, apply a 0.8 
Uniform Noise to the Screen layer 


0021 BOUNCING LIGHTS 

Pay attention to rolling surfaces or sharp 
edges, and add extra highlights or rim 
lights to increase realism 


003 TEXTURING THE HORNS 

Layer extra textures on the horns to 
convey a sense of an ancient and 
mythological animal 



^ Q PUSHING IT FURTHER 

I ! Use three separate planes of interest to 
further increase the depth of the environment. Keep 
the foreground elements sharp and bright, the 
midground elements softly blurred and mildly lit, and 
elements in the far distance heavily blurred and dark. 
The reduced readability of far away elements, such as 
the faraway mountain tops or rock formations, will 
serve as hinted reading values - the viewer’s brain will 
complete the missing portions by filling in the blanks. 
This allows us to get away with minimal colour 
variation while obtaining a very rich and full effect. 



U ADD DRAMA (SKY AND CLOUDS) 

. A dark sky will set the mood and drive the 
eye into the distance. You will want to create clouds 
that form interesting shapes, low enough on the 
horizon to create enough contrast to allow for easily 
readable mountain tops. Use a large soft brush to 
paint black on top of areas to simulate rarefaction of 
the atmosphere and the light bouncing off. Ensure 
the clouds and foreground fog don’t clash. 


140 The Professional Photoshop Book 






Create pro key art 



^ n ALTERNATING SHADERS 

I %J Just like colours and tints, materials and 
shaders work best together when they create 
visual rhythm. Pay special attention to creating 
interesting, alternating patterns of smooth and 
rough textures. For example, a glossy metal bolt 
will look more interesting if placed over a rough 
leather patch. Next add rust and scratches to the 
chest metal plate. Then using a 1 pt brush, paint 
fuzzy areas around the edges of the abdominal 
band fabric, sampling the proper shades. This will 
create a more realistic material and convey a sense 
of wear and tear. 


^ Q USING SOFT GRADIENTS 

I O Create a new layer and place it at the top of 
your background group. Using a large soft circular 
brush, start painting black over the far bottom edges 
of the environment. Try following the curves of the 
rock formations to naturally cast shadows. Using 
soft gradients will add an extra level of 
dimensionality to your backdrop, simulating natural 
light and shadow casting. Set the layer to Overlay and 
adjust the Opacity accordingly. Repeat the same 
process on the lower portion of the character. 



^ Q FIRE EMBERS 

I O Create a layer on top of your composition 
and using a 2pt brush, paint light orange dots. 

Double click on the layer to access its properties and 
select the Outer Glow option. Then choose a red tint 
and adjust the Radius and Choke. Now using the 
Smudge tool with a 5pt brush, apply strokes on one 
side of the ember particle pulling away from it. This 
will create a trail or path, giving a sense of motion. 
Repeat this step as needed. You can also blur specific 
ember layers to simulate distance from the camera. 



^ n HIGHLIGHTS AND LENS FLARES 

I U Create a new layer at the top of your 
character group and set its blend mode to Overlay. 
Using a soft brush, paint white hot spots over the 
areas that receive specular light - this will help to 
brighten those areas. Pay special attention to edges 
and corners directly in the trajectory of light as these 
areas should reflect more light. For extra realism, 
consider integrating photographic assets of 
(anamorphic) lens flares by appropriately sizing 
them, adjusting their tints, and setting them in 
Screen mode over the area of interest. 



^ fy SHARPENING DETAILS 

I / . Using the Sharpen tool set to 50% strength, 
start applying firm strokes over the character’s beard, 
eyes and lips. Proceed gently, making sure that the 
sharpening process does not damage the image or 
cause any pixelation. The main goal here is to increase 
immediate readability in emotionally relevant areas. 
Repeat the same process on portions of the skin or 
steel plates that you want to guide the viewer to. 



■ QUICKTIP 

When working on high-resolution 
images for print, you will be 
constantly zooming in and out of 
your canvas and will want to watch 
out for artefacts, pixelation and 
aliasing. Press Cmd/Ctrl+Opt/Alt+0 
to toggle back to the images actual 
pixel size and ensure your artwork 
is crisp. 



Ori FINAL TOUCHES 

^ U 1 At this point you will make the final tweaks and corrections, fine-tune your Colour Correction settings 
by accessing the adjustment layers, and export a final raster image. Always make sure your colour profile and 
document settings match the required output formats. Keep in mind that typically, due to the natural ink 
absorption process on paper, there is a 1 0% Luminosity drop from screen to print. So if you are delivering 
ready-to-print files, make sure to save a print-specific variant with an additional 1 0% punch in Gamma Curves. 
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Build a brand identity 

Develop and apply a brand identity for 
business nnarketing materials 

Master fresh type techniques 

Convey your message with great impact 
using dynamic typography 

Design a map 

How to design and lay out an illustrative 
map of your favourite destination 

Get the retro sci-fi look 

Create a classic retro design with this 
otherworldly tutorial 

Redesign a website 

Learn how to reconstruct content to perfect 
user experience 
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Build a brand identity 


BUILD A 

BRAND IDENTITY 


I LEARN HOW TO DEVELOP AND APPLY A BRAND IDENTITY 
I FOR BUSINESS CARDS, WEB AND PROMOTIONAL ITEMS 


M erge the realms of design and illustration 
with this simple tutorial. Design and 
illustration often cross paths and it is 
therefore necessary to learn how to 
successfully combine them into one cohesive brand. 
You will be guided from start to finish and discover 
new tips and tricks for designing successful 
branding. In this tutorial, a playful yet professional 
brand identity for an imaginary art and design studio 
called King of Hearts will be produced. The brand 
identity will include a logo, business card, mug and 


iPad screen. You may use the scanned-in sketches 
provided or create your own illustrations for the 
purpose of this tutorial. Tips on the importance and 
proper application of typography will also be learnt. 

Although producing a brand identity is fairly 
common, there are various methods and small tips 
covered in this tutorial that will help you to elevate 
your design sensitivity. By the end of this tutorial, you 
should have a better understanding of how 
illustration and design can be merged into creating a 
brand identity. 


■ ILLUSTRATED LOGO 

CONVERT A SKETCHED LOGO TO A DIGITAL FORMAT 

m l DOCUMENT SEHINGS 

I One of the most important aspects is setting 
the document’s colour mode and resolution. Print 
media and digital media have different settings, and 
this should be taken into consideration when 
designing. Set up a new document (File>New) and set 
the colour mode to CMYK and the resolution to 300dpi. 


I PLACE SOURCE FILES 

I In order to begin, you will need to 
download both the logo and the card motif sketch 
from FileSilo. Firstly, open a new document, then 
go to File>Place to place the sketched logo. Make 
sure that the sketch is centered and locked from 
the Layers panel. 




QQ I SELECT THE PEN TOOL 

LJ w I The next step would be to select the Pen tool (P) and start tracing the shapes of the sketch. It is 
important to make sure that the Pen tool is set on Shape mode and not Path mode. The path operations 
should be set to New Layer. All of these options can be accessed from the top-left bar. 




OUR EXPERT 

TJAARD DU PLESSIS 
www.behance.net/tdpl 

@tjaardl 

Du Plessis is a graphic and UI/UX 
designer with a love for illustration. 
His passion lies within storytelling by 
means of design. 




SOURCE FILES 

You have access to the various 
scanned sketches, stock imagery 
and the branding designs via the 
FileSilo download. 


■WORK IN 
PROGRESS 

FROM SKETCH 
TO FINISHED LOGO 



Progress 1 : Place the sketch 





Progress 2: Draw the shapes 


KiiiG 


Progress 3: Final logo 
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ri/ I TRACE THE SHAPES 

I With the Pen tool still selected, start tracing the shapes from the 
sketch by clicking on a point and following the sketch outlines. It is easier 
to trace small bits of the sketch in rectangular shapes and merge them 
later than it is to trace one large shape at a time. This will increase the 
accuracy of the tracing process. Don’t worry about the inner shape cutouts 
at this point. 


rin I SUBTRACT FROM SHAPE 

LJ J I Specific shapes may require inner cutouts, such as the letters ‘a’ and ‘e’. 
Select the shape that requires a cutout from the Layers panel. Make sure that the Pen 
tool is still selected. Go to the Path Operations setting by the top bar containing the Pen 
tool selections and select Subtract Front Shape. Lower the opacity of the previously 
drawn shape in order to see the sketch, then trace the inner cutout. This should 
subtract the new shape from the other. 


r|C I TRANSFORM THE SHAPES 

LJw I With a shape selected in the Layers panel, 
go to Edit>Free Transform Path. Readjust the size, 
position and angle of the shapes so that they fit 
together more fluently. This is similar to adjusting 
the kerning of text. Make sure that the shapes are 
placed at differing heights. 


fyy I COLOUR SWATCHES 

U / I The next step would be to decide upon the 
colours/swatches. If the colours need to be 
swatches, go to Window>Swatches in order to 
display a broad range of colours to choose from. Pick 
colours that complement each other and research 
colour theory. It is generally safer to make use of a 
limited colour palette and incorporate between two 
and three colours. You can use the Eyedropper tool 
to select the appropriate colours. 




I COLOUR APPLICATION 

I It is fairly easy to change the colour of 
objects when they are still in shapes and have not 
yet been rasterized. Select the shapes from the 
Layers panel - you can hold Cmd/Ctrl to select 
multiple shapes. Select the Rectangle tool (U) then 
move to the top bar and select Fill. You will then be 
able to select a new or recently eyedropped colour 
for the shapes. 


■ QUICKTIP 

When transforming or re-adjusting the illustrated 
text shapes, keep in mind that the letters on the 
edges should be larger and the letters on the 
inside smaller. This will help to contain the text 
elements and help it appear as a unit. 
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■ LX)GO APPLICATION 


APPROPRIATELY USE THE LOGO IN A DESIGN 


QQ I BUSINESS CARD DOCUMENT 

LJO I Create a new document by going to File>New. It is important to set and use the appropriate 
dimensions and resolution. A standard business card’s dimensions are 90mm x 50mm or vice versa, 
depending on whether a landscape or portrait orientation is required. For the purposes of this tutorial, a 
landscape orientation will be applied. It is important to set the resolution to 300dpi. 



001 I DIMENSIONS 

Always make sure that 
the dimensions are 
correct and set to the 
right unit 


002 I COLOUR MODE 

The colour mode should 
be set to CMYK for Print 
media at a resolution of 
300dpi 


003 18-BIT PIXEL 

The colour should be 8-bit 
pixel mode -higher is 
generally for editing and 
will result in large files 


Visual 

™ hierarchy 
is achieved by 
using differing 
font weights 



^ ri I SEHING THE BLEED 

I U I You should always set a bleed to cover up any shifts of 
plates or paper in the printing process. Setting up a bleed in 
Photoshop is slightly different to other platforms. Once the 
document dimensions have been created, place ruler guides (Cmd/ 
Ctrl+R) on the edges. Create a bleed of 5mm by extending the 
canvas. Go to lmage>Canvas Size, then tick the relative box and 
extend the canvas width and height by 5mm. 






RiiG 

to 






1 ^ I DESIGN ELEMENTS 

I lit is important to carefully consider how many elements are to be placed upon a 
business card. In this scenario, less is more, as the logo is illustrated and is in itself not simple. 
Design is about contrast and balance. As the logo is not simple, it needs to be balanced out by 
simplicity. Therefore, the front side of the business card will have a flat background colour with 
the logo centre-aligned above it. 
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■ IPAD SCREEN 

DESIGNING FOR DIGITAL MEDIA 
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^ ^ I TYPOGRAPHY SELECTION 

I ^ I Typography selection has a big impact on the brand’s design aesthetic. 
When an illustrated or detailed logo is used, it is usually better to make use of a 
simple or sans serif font. A font with various weights is usually the best option. 
Differing weights create visual hierarchy. In the case of this tutorial, Helvetica 
Neue was used in order to create contrast between the logo and the text. 


^ Q I TYPE RULES 

I \ When arranging the type, set it to points instead of pixels by going to 
Photoshop>Preferences>Units and Rulers>Set type to points. It is a rule of thumb 
not to go smaller than 6pt, but also not to go bigger than 9/1 Opt. The heading 
should not be wide enough for another line to fit in-between the lines. Visual 
hierarchy is achieved by using differing font weights. 



^ / I MUG DESIGN APPLICATION 

I ^ I The application of a logo on branding elements has to be carefully considered and 
thoughtfully designed. It is not as simple as slapping a logo onto an element. The colour 
usage has to be considered depending on the colour of the mug and how contrast can be 
created. In a new document at 50mm x 80mm, a logo was placed with relevant 
information about the brand. It is important to keep the design simple. 


^ [" I PLACE SKETCH 

I %J I The iPad screen will be a card motif. In a new document, go to 
File>Place in order to position the card motif sketch. After the sketch 
has been placed, go to the Layers panel and select the blending mode. 
The blending mode should be switched to Multiply. This will allow any 
other layers below to appear through the sketch’s negative space. 
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I ADD COLOUR 

I Start by adding a background colour to the document to replace 
the white background. In new layers underneath the sketch layer set to 
Multiply, select a hard brush and start filling in colour. Go to Window>Brush 
and select a suitable brush. Use a new layer for each section or colour of 
the sketch. It is important to group all relevant layers. 


I ADD FINAL DETAILS 

I After adding colour, darker colour or shadows may be added to contour the 
illustration. Be sure to use a clipping mask in order to contain the shadow to a specific 
layer. The top half of the illustration should then be duplicated and transformed. Go to 
Layer>Duplicate Group then Edit>Free Transform to rotate the layer. Final details such 
as the logos and small patterns with a hard brush can be added in order to complete 
the illustration. It is important to make sure that both the top and bottom part of the 
illustration are aligned correctly. 







■ LAYER MASKS 

Layer masks are extremely useful when 
removing elements non-destructively from a 
specific group or layer. Even though the area 
involved will visually be removed, it has not been 
removed from the layer and may be reapplied at 
any time. In the Layers panel in the bottom bar is 
the Add Layer Mask option. With the relevant 
layer selected, click on this option. It will create a 
new white block in the layer. With this block and 
the Brush tool selected, details or elements may 
be removed from the canvas. Alternate between 
adding and removing by pressing the X button. 


^ Q ] DOCUMENT SETUP 

I O II When designing for a digital platform, certain specifications need to be taken into account in 
comparison to print media when setting up the document. Set up a new document by going to File>New. The 
colour mode should be set to RGB with a resolution 1 32ppi. The dimensions for a standard iPad are 1 024px by 
768px. The card motif illustration should then be placed within the iPad document. 



■ QUICK TIP 

Use as many layers as necessary and group them accordingly in order to avoid clutter. 
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MASTER FRESH 
TYPE TECHNIQUES 

I TURN OVER A NEW LEAF AND LEARN HOW TO 
I BREATHE SOME LIFE INTO YOUR TYPOGRAPHY 


erhaps it’s the fact that I grew up in 
England’s favourite retirement town, but I 
have a particular affinity for old things. This 
love extends to furniture and graphics, but 
most of all, to people - after all, older people are 
exponentially far more interesting than anyone my 
own age. But while I’ve loved the modern retro and 
vintage design trend that has been going strong for 
the past ten years. I’ve always stayed away from 
simply pastiching the past. Much like older people, 
modern designs inspired by bygone days aren’t 
interesting because they are an exact replica of 


history but because of the way they have adapted the 
sensibilities of the past to work with the modern world. 

In this tutorial, we are going to take typography that 
is more commonly seen on old painted wall adverts, 
ghost signs, and splice it with the very 21 st Century 
trend of moss graffiti - also known as guerrilla 
gardening. Using Photoshop’s extremely powerful 
clipping mask and layer mask functions, we are going 
to create a fresh typography that straddles two time 
periods separated by decades - and yet ends up 
looking like neither. So before we grow too old before 
our time, let’s get started! 



■ PAINTING THE BACKDROP 

CREATING A BACKGROUND FOR YOUR TYPE 



heresy but for the purposes of this image, we’ll 
allow it. The background needs to be clean and 
fresh so that the type stands out but at the same 
time it should appear slightly grungy so that the 
image looks natural. Drag an image of a 
whitewashed brick wall into your new canvas. 

QQ I ADJUST BRIGHTNESS 

LJ w I Now that the canvas is filled with brick, 
adjust the brightness settings, lmage> 
Adjustments>Brightness/Contrast, so that the wall 
appears bright and clean but retains enough 
contrast so that the texture of the brickwork and 
the pointing can still be read. If you require more 
control over the brightness, you may find it easier 
to change the Levels settings, lmage> 
Adjustments>Levels, instead. 


image, select the layer and draw a boundary using 
the Polygonal Lasso tool in the areas where you 
would like additional brick. Select Content-Aware 
under the Fill command, Edit>Fill, and Photoshop 
will add additional brick areas using the current 
image. Digital witchcraft. 




■H4 , ^ I 



OUR EXPERT 

ANDY HAU 
www.andyhau.com 

@andykwnau 

I am a London-based architect and 
designer and the owner of A.H.A 
Design. For me, design is an escape 
from the futility of modern life, not 
an endorsement of it. 


■WORK IN 
PROGRESS 

A FRESH TAKE ON 
TRADITIONAL TYPE 



Progress 1 : Set the scene 



Progress 2: Add embellishments 
to standard fonts 



Progress 3: Create 
eco-graffiti 


The Professional Photoshop Book 151 



Graphics & new media 



Q / I CHOOSING FONTS 

Pick a sans-serif and a serif font that 
will work well together. Future and Lobster are a 
good choice as they both have a retro-tinged 
aesthetic but more importantly they don’t lose 
their legibility when you start adding effects to 
them. You can do this part in Photoshop by using 
the Type tool but I find that Illustrator gives you 
far more control, which makes it easier to modify 
the text in general. Adjust the tracking, Window> 
Character in Photoshop, to change the spacing in 
between the letters. 



ri^y I ALTER ARRANGEMENT 

LJ / I If you’ve created the text and images in 
Illustrator, select and drag these objects into your 
working Photoshop canvas. Change the size of the 
text and images as necessary and Rasterize these 
objects by selecting the layers in the Layers panel, 
right-clicking on them and selecting Rasterize Layer. 
Arrange the text so that the composition looks 
balanced and the text is easily legible. Place the 
silhouette images playfully within the text. However, 
make sure that the location of these images does 
not conflict with the legibility of the text. 



its own but to really give the illusion of a ghost sign 
mural, it needs a little help. Use the Pen tool in either 
Illustrator or Photoshop to add embellishments and 
swirls to some of the letters. Unfortunately, there 
isn’t an exact science to this. It’s really about studying 
the letters closely and seeing where opportunities 
for embellishments lie. The goal is to have enough 
embellishments for the letters to flow but not so 
many that they distract. 



QC ' the sun and woodland crihers 

LJw I Rather than simply re-creating a traditional 
ghost sign, we are going to give the impression that 
the text has been created with a spray can and 
stencil. To help with this illusion, we need spray- 
painted silhouette images integrated into the text. 
Much like Step 5, use the Pen tool in either 
Photoshop or Illustrator to create the silhouettes. If 
you are using Photoshop, hold the left mouse button 
to create curves. You can change the curves by 
holding Cmd/Ctrl and moving the handles. 


■ QUICKTIP 

Photoshop’s Content-Aware Fill command is probably the closest thing we have to magic. However, 
when it goes wrong, boy, does it go wrong. The command tends to work better on smaller areas so 
where possible, try to reduce fill areas by discreetly copy-and-pasting existing content. 



riQ I COLOR OVERLAY 

LJO I Once you are completely happy with the location of the text and images, select all the layers that 
contain the serif fonts (and any associated image layers) in the Layers panel, right-click on them and select 
Merge Layers. Double-click on this new layer and select the Color Overlay option in the Layer Styles panel. 
Choose a zingy fresh colour that will complement the lush green moss graffiti. It will be difficult to change the 
colour later on so make sure you’ve picked the right colour! 
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■ WEATHER-BEATEN PAINT EFFECTS 

ADD SOME SHABBY-CHIC TO YOUR TYPE 


QQ I BLUR THE EDGES 

LJO I The colours in a spray-painted mural often bleed into the background. To recreate this effect, 
start by selecting the serif font layer in the Layers Panel, right-click on it and select Rasterize Layer Style. 
Then select Gaussian Blur, Filter>Blur>Gaussian Blur. Change the radius setting accordingly - this can be 
anywhere from 3.0 to 1 0.0 pixels depending on the image size. 




001 I BRICKWORK 

A white painted brickwork texture was 
chosen to help the text stand out, while 
still maintaining a slightly grungy, 
weathered look 


002 I TEXT 

A serif font was chosen and 
embellished with additional swirls and 
silhouettes to create a more natural 
and handmade appearance 


003 f SPRAY-PAINT EFFECT 

The serif text will be further modified and 
noise will be added to achieve a 
spray-painted and stencilled feel 


The goal is to 
have enough 
embellishments for 
the letters to flow 
but not so many 
that they distract 

^ ri I OUTLINE TEXT 

I U I To make the text 
stand out further, double- 
click on the serif font layer in 
the Layers panel and select 
the Stroke option to give the 
text an outline. Change the 
stroke size to an appropriate 
size - depending on the size 
of the text, this can range 
from 1 0px to 20px. Change 
the stroke colour to a lighter 
colour that complements 
your text colour. The outline 
around the blurred text will 
also add to the illusion that 
the colours are bleeding into 
each other. 
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1 ^ I ADD NOISE 

I I Select the serif font layer in the 
Layers panel, right-click on it and select 
Rasterize Layer Style to “flatten" the 
outlines into the layer. To re-create the 
stippled effect of spray paint, we need to 
add some noise, Filter>Noise>Add Noise. 
Depending on the size of your text, 
change the Amount setting to 
approximately 1 0%. Click on the Gaussian 
option for the Distribution and untick the 
Monochromatic option. The effect will 
appear quite stiff and unrealistic at this 
point - don’t worry, this is normal! 


■ QUICKTIP 

When revealing the text 
through the layer mask 
with the spray can brush, 
be brave and trace the 
word in one go, touching 
up only where necessary 
afterwards. This creates 
a much more natural 
and flowing finish - 
being too conscientious 
will make the results 
look stiff and artificial. 



^ O I LAYER MASK 

I ^ I Select the serif font layer in 
the Layers panel and go to 
Layer>Layer Mask>Hide All. Then 
you can use either Photoshop’s 
Spatter brush or a spray paint brush 
downloaded from the internet, to 
start painting on top of the mask 
layer. Using white for the colour 
will add a tye of contrast that will 
help in revealing the text. If you are 
using Photoshop’s own Spatter 
brush, be sure to play with the 
Scattering and Shape Dynamics 
options in the Brush Panel to create 
a more authentic and realistic 
spatter and flow. 



^ Q I SANS-SERIF FONT 

I J I If you haven’t already, make sure that your sans-serif font is Rasterized by 
right-clicking on the layer and selecting Rasterize Layer. Drag the moss texture into the 
Photoshop canvas and resize the texture so that it covers the text entirely. Making sure that 
the moss texture layer is above the sans-serif font layer on the Layers panel, right-click on 
the moss texture layer and select Create Clipping Mask. The texture should show through 
the text. Resize the texture layer if it seems too big relative to the text. 





U | DROP THE SHADOW 

I To create presence and to make the text really stand out from 
the background, we need to create a very subtle Drop Shadow 
underneath the text. Double-click on the sans-serif font layer and select 
the Drop Shadow option. I’m not really a believer of “less is more” but in 
this case, it really does apply! There only needs to be a very slight hint of 
shadow so turn the Opacity level to around 30% and play with the size 
settings so that the shadow appears convincing. 
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■ GUERILLA GARDENING 

CREATE LUSH AND VERDANT TYPE 



CAST INNER SHADOWS 

We need to create depth and fullness to the text. Double click on the 
sans-serif font layer and select Inner Shadow. Lower the Inner Shadow Opacity to 
around 30% and increase the Choke and Size settings until the text starts to have 
some dimensionality. With the Layer Styles panel still open, select the Bevel & 
Emboss setting. Decrease the Highlight and Shadow Opacity setting to give the text a 
subtle roundness. Don’t worry if it still looks a little flat, we will go back and manually 
sculpt the text later. 


I DEFORM THE EDGES 

I Adjust the Hue/Saturation lmage>Adjustments>Hue/Saturation, 
to give the texture more of a lush, verdant appearance. To deform and 
soften the edges of the text, click on the sans-serif font layer and choose a 
small hard round brush. Slowly go round each letter and paint small circles 
on the edges to expose more of the moss texture. You can do this in an ad 
hoc manner or you can try and follow the natural growth patterns in the 
texture to create a more convincing illusion. 





^ fy I GEHING HIGHLIGHTS AND LOWLIGHTS 

I / I Select the Polygonal Lasso tool. With a high 
Feather setting, approximately 50px, select the areas 
where you want your shadows to be on the text. With 
these areas still selected, click onto the moss texture 
layer and decrease the Brightness setting, lmage> 
Adjustments>Brightness/Contrast, to really intensify 
the shadows and create dimensionality. With a lower 
Feather setting, approximately 1 0px, select the areas 
where you want your highlights to be. This time, 
increase the Brightness setting to produce 
neon-bright areas of light. 



■ TIE COLOURS TOGETHER 


Hand lettering is all about balance and flow, which 


is often hard to recreate when using standard fonts | 

m 

which tend to be rigid and prone to logic. A font 

with plenty of ligatures, such as Lobster, will help ' 


to soften its appearance but in order to fully fool 

- ■' 

the eye, you will need to study hand lettering in 

L. 

order to decide which letters require additional 


swirls and embellishments. If you are creating 

V 

something where accuracy and alignment is not 
too important, you can also distort the text ever so 


slightly using Edit>Transform>Distort to break up 

1 J 

the rigidity of the text. 

1 



^ Q 1 FINISHING TOUCHES 

I O J Zoom out so that the entire image fits onto 
your screen and check that you are happy with the 
overall composition of the image. There should be a 
natural flow that leads your eye from the start of the 
sentence to the very end without being distracted. 

To introduce some dynamism, you can create some 
paint spatters using the spray-paint brush or 
Photoshop’s Spatter brush in the corners of the 
page, however don’t let it overtake the image. 
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ABI DAKER 

www.abijgaildaker.com 

©abigaildaker 

Abi Daker is a British illustrator who 
lives and works in Cyprus. She 
specialises in creating map and 
cityscape illustrations. 


MODERN 


ART 


SOURCE FILES 

A linear street map and several of 
the illustrated elements used in this 
tutorial are included on FileSilo to 
help with re-creating a similar piece. 
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DESIGN A MAP 

i DISCOVER HOW TO DESIGN AND LAY OUT A MAP THAT 
I ILLUSTRATES SOME OE THE UNIQUE QUALITIES OF LONDON 


T he inspiration behind this piece is the 

popular Wonderground Map image by Max 
Gill, which incorporates witty text and tiny 
illustrated elements within a map of 
London. Over the course of this tutorial we’ll learn 
how to use Photoshop to compose a piece that 
incorporates both images and text creatively. 

It’s important to research the area that will be 


drawn before starting an illustrated map. This helps 
decide which parts of the city to focus on in order to 
make a composition that is both engaging and 
informative. For a piece like this, the best method is 
to start with a strong structure - a basic road map of 
the city - and to add the details as you go along until 
you have a more developed piece. Photoshop is a 
great tool for composing a complicated map like this. 


The different elements are simple to move around 
and rearrange, and it is easy to achieve flat, bold 
colours to complement the detailed composition. 

The tutorial will also demonstrate how to keep an 
increasingly complicated document organised and 
easy to work with. The final steps in the piece will 
show how to add a few textured elements to 
emulate the antique style of the inspiration piece. 
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■WORK IN 
PROGRESS 


FROM LINEWORKTO 
FINISHED MAP 



Progress 1 : Add structure 



Progress 2: Include elements 



Progress 3: Final artwork 



m l BUILD THE STRUCTURE 

I Start with a linear street map of the area to be represented - 
there is an example provided on FileSilo that can be used to get started. 
The line drawing should be a fairly simple map of the most important 
roads in the area with spaces to add detail later. Open the document, 
select the layer with the line work and go to Layer>Duplicate Layer. It’s a 
good idea to keep a version of the line work in the document so it can 
be edited easily if needed. 



Anti-Alias and Contiguous are checked, and start 
filling the map with colour. This is the foundation of 
the piece, so the colours should be fairly muted and 
similar in tone. Maps are complicated images and 
can easily become too busy and difficult to read, so a 
restrained palette will help to stop the piece from 
becoming confusing. When the map is coloured, go 
to Layer>Layer Style>Pattern Overlay and select the 
washed watercolour texture. Set the Opacity of the 
layer style to something like 25%. 




The line drawing should be 
** a fairly simple map of the 
most important roads in the area, 
with space to add details JJ 



I START TO ADD DETAIL 

I There are several hand-drawn elements 
provided that can be used within this map, but to 
create something similar, scan inked artwork at a 
high resolution - 300dpi or above - then go to 
lmage>Mode>Grayscale followed by 
lmage>Adjustments>Levels, and adjust the input 
levels to sharpen the linework. Then take the Magic 
Eraser tool, check the Contiguous setting and delete 
the background of the images. Select the element 
you want to work with using the Lasso tool, then 
copy and paste it into the map document. 
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■ QUICKTIP 

Keep the layers organised - once 
elements are added to the map, it 
can become quite complicated. 
Make sure that the various 
elements are organised in folders to 
make workflow easier. This also 
helps to keep layer styles consistent 
across all the elements, as you can 
apply the layer style to the 
respective folders. 


r|C I add generic elements 

LJw I This stage is the most fun, as the map starts to come together and looks far more exciting. There are 
some banners, trees and buildings provided on FileSilo that are enough to make a complete composition. Place 
the banners on areas that need text and add generic buildings to balance out the more detailed areas. It’s best to 
have two or three banners and several different buildings that can be repeated throughout the piece. Go to 
Layer>Duplicate Layer to copy the different elements from existing layers. 


I SET THE LAYER STYLES 

U / I This is a good stage to try out some colour 
adjustments and textures. Select the folder for each 
set of elements and Layer>Layer Style>Colour 
Overlay to adjust the colour and Layer>Layer Style> 
Pattern Overlay to adjust the texture. Try different 
combinations of textures and colours to see what 
works. Paper textures and sepia or grey tones are 
usually best for vintage-style maps. Keep the 
adjustments subtle - the aim is to soften the flat 
areas of colour and give them a more natural look. 


ri/ I COMPOSE THE MAP 

I Arrange the detailed elements on the map to compose the piece. The linear layer that was retained 
in Step 1 can help with cropping the illustrations to fit into the street map. Drag the linear layer to the top so 
that the street boundaries are visible over the illustrated element and use the Polygonal Lasso tool to select 
the part of the illustration to be removed. The next step is to go to Edit>Clear. This will help the hand-drawn 
elements appear to sit naturally in the street map. 


rin I COLOUR the illustrated elements 

LJw I Select the Paint Bucket tool and check 
Contiguous and Anti-Alias. Select a colour to 
highlight the details on the illustrated elements and 
fill a few little detailed sections. Again, be fairly 
restrained with this. Then uncheck Contiguous, 
choose a neutral shade and fill in the rest of each 
illustration. Keep the illustrated elements on 
separate layers in a labelled folder. This is important; 
this map will consist of hundreds of layers, so 
labelled folders can save a lot of time and confusion 
further on in the piece. 
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often go unnoticed on a first viewing. On FileSilo there are some 
illustrations provided of some of the Monopoly pieces that are scattered 


around the example map. Not everyone would necessarily pick up on 
this reference initially, and so it adds something for the viewer to 
discover at a later time. Small details like this work best when they refer 
to a popular feature of the city that the illustration is based on. 



riQ I LABEL SPECIFIC AREAS 

LJO I This is when research into the city becomes useful. For an illustrated map like 
this, the piece is not intended to be a literal reference to the city, so the labels can contain 
small jokes or clues. In this example, the map has been labelled according to the 
stereotypes held about the individuals that commonly occupy each part of the town. A font 
with imperfections in the design will often complement the hand-drawn elements well, but 
it is always best to try out a couple of different styles. 



^ Q I ICONIC FEATURES 

I U I London has a lot of 
design elements that are 
famous around the world and 
can instantly help the viewer 
see which city they are looking 
at. Max Gill used the design for 
the Underground station sign 
within part of his composition. 
For the example map, the 
design of the famous blue 
plaques has been incorporated 
into the artwork. This created 
space to add some strange 
and interesting facts to the 
map that will help to engage 
the viewer further. 



i i I INCLUDE MORE DETAILS 


I I I When the main areas in the map have been laid 
out, it is a good time to review the piece and see which 
areas need more detail, as well as areas of interest that 
work well together. Trees are a good way to add some 
additional life to an illustrated map, and you’ll find some 
examples included on FileSilo. As the piece starts to fill 
up, go to View>Fit On Screen and review the composition 
regularly to make sure it doesn’t become too busy or 
start feeling cramped. 


When the main areas in 
"" the map have been laid 
out, it is a good time to review 
the piece and see which areas 
need more detail, as well as 
areas of interest that work 
well together JJ 
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■ QUICKTIP 

To vary the 

hand-drawn elements 
like the trees and 
buildings, go to 
Edit>Transform>Flip 
Horizontal. The 
buildings and trees 
can also be layered 
on top of one another 
or adjusted in size to 
give the impression 
of more variety and 
to disguise any 
repeated elements 
within the piece. 


^ n I ADD TEXTURE TO THE SHIELD 

I J I On the title shield layer, go to Layer> 
Duplicate Layer and then Window>Styles>Sun Faded 
Photo. Reduce the Opacity of the layer to 30% and 
select the Eraser tool. Go to Window>Brush and 
check the box for Scattering. Reduce the Eraser tool 
Opacity to 40% and selectively erase parts of the 
duplicated shield so the gradient looks more natural. 
Set the blending mode to Overlay. As with the 
previous steps, the layer effects should be subtle and 
are intended just to break up the flat colour slightly. 



ADDA 

TITLE 


SHIELD 


In the template file, 
the bottom-right- 
hand side has 
space for a scroll or 
a shield to use as a 
title. There is an 
example shield 
provided that can be 
used if necessary. 
Copy and paste this 
design to drop it 
into the map and 
use the Move tool 
to resize it so that it 
fits the area. Like 
before, use the 
Paint Bucket tool to 
colour the scroll in 
a neutral blue tone, 
with darker shading 
for the folded areas. 





I TIDY UP THE ARTWORK 

I Work on each folder in the document in turn 
and then go to Layer>Merge Group. This will make 
the file much easier to handle and will mean that 
each set of elements in the illustration can be edited 
easily and at once. The next step is to zoom in and 
check over each section of the image for areas that 
look disconnected or too collaged. Select the Brush 
tool and opt for a hard, round brush, using this to 
fill in any disjointed sections or errors. You want to 
ensure that your map looks natural and realistic, so 
it’s important that you take your time on this. 


I FINISH THE IMAGE 

\ Go to Layer>New Layer. Make sure that 
the new layer is on top of the existing layers and go 
to Paint Bucket tool>Pattern. Choose a paper 
texture, then select Paint Bucket tool>Fill and set 
the layer mode to Overlay and the Opacity to 
around 35%. Select the Eraser tool>Watercolor 
Light Opacity and set the brush setting to Texture. 
Make sure that Scattering is checked and Opacity is 
around 20%, then selectively erase some areas of 
the paper texture. Once this is complete, add a title 
to the image and go to Layer>Flatten Image. 
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Get the retro sci-fi look 


GET THE RETRO 
SCI-FI LOOK 

I CREATE THE CLASSIC MID-CENTURY MODERN 
I SCI-FI STYLE WITH THIS OTHERWORLDLY TUTORIAL 


ith an ever-increasing interest in 
creating a retro look, and a huge 
upsurge in kitsch and classic design 
and imaging that has appeared on the 
creative circuit, have some fun recreating your very 
own sci-fi flying saucer design. 

Creating authentic and visually interesting digital 
design has never been more fun than it is at the 
moment. Try creating retro elements from scratch 
using old commercial images as a ready style guide 


of ideas to use as reference. Scan old photographs and 
negatives, then use all or parts of them to give an 
authentic touch or texture to new creations and go 
explore! There is an almost unlimited online reference 
library at your disposal and it gets bigger every day. 

With layering, accurate and controlled application of 
technique, a wide choice of Photoshop filters and 
combinations, as well as vast range of available 
third-party plugins and actions, Photoshop is the perfect 
tool to use in creating the retro and vintage look. 



■ ASSEMBLE THE ELEMENTS 

START COLLATING THE IMAGE ASSETS THAT WILL FORM THE BASIS OF YOUR ARTWORK 


m l CREATE THE RETRO LOOK 

I Research the look you want to create. 
Vintage picture libraries, old advertising archives, 
museum catalogues. Wiki Commons and image 
search capabilities mean that, whatever the 
subject, there are reference materials out there 
to use as a guide. This is invaluable as a starting 
point to producing that authentic look, while 
using composition, texture and colour 
techniques that are indicative of past decades. 

THE GROUND UP 

When designing your work, make sure that 
the image subject, colour and format works for what 
it is intended. For this tutorial, create an RGB 
document 240mm x 31 0mm at 300dpi. Add a 
working base colour by filling the first layer with 42% 
Cyan, 8% Magenta and 1 2% Yellow, from the CMYK 
mixer. You will be continually adding layers, to 
combine and create the end result. 



I ADD TEXTURE 

I Open the file ‘retro_texture1 ’ and locate at 
the bottom of the main working file window. Use 
Cmd/Ctrl+Shift when dragging from one doc to 
another to locate the file in the middle of the main 
window. From the layers palette menu choose Color 
Burn and set it to 21 % Opacity. A subtle textural layer 
can help to add an authentic feel to the end result. 






* 


mm 

lOb.U' 





m 



bMIk 



I- 


' B ■! 




w 

1- 

>-♦*1 

* 


T.1^11' 

ivw 

mw 


-t. 





OUR EXPERT 

TIM LUCAS 

www.kitschstock.com 

@Retrostockex 

Graphic designer and retro-digital 
imaging creative and founder of 

www.retrostockexpress.com and 
www.kitschstock.com 



SOURCE FILES 

Enclosed in the online download 
you’ll find the final RGB 300dpi 
psd, flat CMYK version, 
snapshots and all user tutorial 
files. Plus get a huge selection of 
Retrostock images on FileSilo! 


■WORK IN 
PROGRESS 

CREATING A CLASSIC LOOK 



Progress 1 : Add retro elements 



Progress 2: Add a 
graduated fade 



Progress 3: Add the 
finishing touches 
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ri / I CHOOSE YOUR ELEMENTS 

I Import ‘retro_circles1 ’ and position it on the 
left-hand side. In the Layers palette, combine using 
Color Burn at 1 7% Opacity. Retro imagery often 
includes unusual design elements, and the ones for 
this tutorial are provided here for you to use. Preparing 
the list of elements for your image (plus extras to fall 
back on) saves time. If you know what you want to 
achieve, or have reference examples at hand, this will 
help to avoid the composition becoming difficult or 
confusing to look at. 



ri^l DISTRESS THE SUBJECT 

U / I Open ‘retro_texture4’ and drag it into the 
main work file so it covers the saucer. Feather the 
saucer shape selection by 0.3 to soften the edge 
and then clicking the new texture layer, create a 
mask from the layers menu (or invert the selection 
and go to Layers>Layer Mask>Reveal All). Set this 
layer to Overlay and 29% Opacity. With the flying 
saucer layer still selected, click on the filter icon at 
the bottom of the Layers palette to create a photo 
filter. This will automatically create the saucer- 
shape mask with the marquee selected. Select 
Filter>Deep Blue set to 70% Opacity and leave the 
Preserve Luminosity box unchecked. 



rin COMBINE BACKGROUND TEXTURES 

LJ J I Combining layers for this scene requires a 
suitable vintage backdrop to place the retro elements 
on. Open file ‘retro_texture2’, and position it to cover 
the entire image. Set it to Overlay at 45% Opacity. 
Create a new layer and fill this with 1 00% Black, then 
set this to Overlay with 55% Opacity. This layer will 
help to darken and mute the strength and shapes of 
the layers below. The third texture to import is 
‘retro_texture3’. This is in the same location, but is 
combined at 1 00% Opacity as an Overlay. 



riQ I BUILD THE SCENE 

LJO I Move the saucer filter layer so it sits above 
‘retro_texture4’, then link the ‘flying_saucer1 ’, ‘Photo 
filter! ’ and ‘retro_texture4’ layers together. This will 
enable you to relocate, angle and resize the saucer 
and its linked layers easily to produce additional 
versions. Adding extra, smaller versions of the flying 
saucer into the frame will help the image feel more 
energetic, with more depth. Arranging even more 
small saucers, of varying sizes, will give the 
impression of an invasion fleet or mass visitation 
- think ‘earth vs the flying saucers!’ 


■ QUICKTIP 

When looking for an authentic-looking flying saucer, first try looking for available household objects that 
can be quickly photographed, then re-worked to give the saucer shape, such as bowls or tea saucers. Try 
to choose things without obvious patterning or logos, to save time having to remove these features later. 



saucer image is the craft itself. Open ‘flying_saucerl 
and import it into the bottom right of the main work 
file. Choose Layer>Layer style>Outer Glow, or pick 
Outer Glow from the FX menu on the layers palette. 
Set the blend mode to Normal, the Noise to 52, the 
Opacity 82%, the Spread to 1 8, the Size to 11 4, the 
Range to 84 and the Jitter to 52. Add some 
distressing to the saucer to age the shape. The aura 
sitting around the spacecraft gives it energy as if it’s 
hovering in space. 



arrange/ rotate/ size as shown in the final image. For 


the two smaller flying saucers, re-open the Layer 
Style palette and amend the Outer Glow so that the 
Opacity is set to 35%, the Spread to 1 0, the Range to 
52 and the Jitter to 52. This will soften the glow and 
distance the two saucers from those in the 
foreground. You could also alter each ship’s colour 
filter as you wish. 
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■ BRING THE ELEMENTS TOGETHER 


USE FILTERS AND CREATIVE EFFECTS TO START UNIFYING THE IMAGE 


^ Q ‘ PREPARE AND COMPOSE ELEMENTS 

I U I Start to finalise your colour choices for the background and flying saucer elements. At this stage you 
are able to experiment with the colour and composition to create the look that you want, before finalising and 
starting to work on the image as a whole instead of individual elements. Once you’re ready, lock down your 
composition and prepare for the final push. 



I Adding the 
little details to 
any composition 
can make all the 
difference to the 
final effect ff 


001 (TEXTURE BACKGROUND 
COMBINATIONS 

Combine the textured backgrounds to 
create the text of colour and provide an 
interesting backdrop for the main 
subjects to stand out against 

002 ^ PHOTO 
FILTER OVERLAYS 

Use Photo filter overlays to add 
additional colour characteristics to your 
composition. Selecting the layer 
elements prior to creating the colour 
filter will automatically mask and protect 
other areas of the image 

003 I FINALISING THE IMAGE 

Adding the little details to any 
composition can make all the difference 
to the final effect. Choosing carefully 
what and where you place these 
elements will strengthen the message 
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1 ^ lADDFADEOUT 

I I Click on the Tetro_texture3’ layer and create a new layer, called 
‘graduated light bleed’. This graduated layer will partially fade out the 
corner of the background and help to age the image. Select the Gradient 
tool from the Tools palette, and choose white to Transparent. Drag a 45° 
diagonal line from the bottom-right corner of the image to just below 
the largest flying saucer. 



of this layer by choosing Layer>Duplicate Layer. Rotate this new layer by 1 80° and place it 


in the top left corner, making sure that the edges of the gradient fill are flushed with the 
edges of the image. Reduce the Opacity of this second gradient to 20%. Now you have two 
light fades, which help to age the image. You could also use and combine other colours to 
give differing results. 
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■ CREATE THE FINAL TOUCHES 

DUPLICATE AND COMBINE LAYERS TO ENHANCE FOCAL POINTS AND ADD DEPTH 



^ Q I ON OUR WAVELENGTH 

I I The futuristic gadgetry and technology used to make the 
unreal seem more believable was popular in Fifties sci-fi movies. 
Boffins in white coats and space captains in metallic uniforms; 
prodding and pressing buttons or gazing knowingly at screens and 
flashing lights. A simple wavelength graphic was created to give 
the hint of science without it being present. This file was created in 
Illustrator but could be created using the Pen and Fill tools in 
Photoshop. One version has been used here, but smaller versions 
could be added and coloured differently, to add to the effect. 


M A simple wavelength graphic was 
created to give the hint of science 
without it being present 55 


■ QUICKTIP 

By creating a flat copy of all the layers (Cmd/Ctrl+Shift+Opt/Alt+E) and then creating copies of 
this flat layer, great results can be found by applying filters to these additional layers and 
experimenting with different layer combinations. Combining a pixelated layer with a normal 
flattened version can result in some wonderful effects. 




SELECT AND 
COLOUR 


Open the wavelength 
graphic file and re-position 
it at the bottom of the 
frame. The wavelength will 
need altering to make it 
contrast with the 
background and stand out. 
Ensure that the 
wavelength frame is 
selected. Lock Transparent 
Pixels and fill the layer 
with 1 00 Magenta and 1 00 
Yellow from the CMYK 
slider palette (or the RGB 
equivalents). The red fill 
lifts the shape of the 
wavelength and helps to 
make it more interesting 
to look at. Adjust the 
location to suit and then 
unclick Lock Transparent 
Pixels before continuing. 


I UPLIFTING ELEMENTS 

I Now that the wavelength graphic is the right colour, it needs added 
energy and boldness to it to give it more impact. With the wavelength layer 
selected, add a Drop Shadow, which will separate and lift the wavelength slightly 
from the textured surface underneath. The key is that it separates the wavelength 
visually from the background. Feel free to experiment with the drop shadow 
strength at the end if added oomph is required! 



OUTER SPACE, OUTER GLOW 

To finish the bottom of the frame we need to add an Outer Glow that is 
small enough not to destroy the Drop Shadow, but obvious enough to define the 
shape. From the Layer FX menu, choose Outer Glow. Set the Opacity to 75%, the 
Noise to 0, the Spread to 8, the Size to 6, the Range to 5 and the Jitter to 0. The 
Drop Shadow is still evident and lifts the graphic off the page in a subtly. The 
white edge definition defines the shape, making it stand out. Now the image 
begins to feel more like an authentic sci-fi poster. 
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^ I FINAL ELEMENT 

I / I As it was called 
the ‘atomic era’, it’s only 
right to include the atom in 
the frame. The final file is 
named ‘Atomic_structure’. 
Import it, using the final 
example file as a location 
guide, or choose your own 
spot to place the image. 
Atomic structures were 
used a lot in the Fifties, 
both in business, as well 
as in science fiction 
productions. They were 
seen as a symbol of 
energy and the future. Who 
knows, the atomic 
compound structure used 
here may be for no more 
than humble vintage 
washing powder, but it 
looks the part! 



^ Q I COLOUR SHIFT 

I O I One of our favourite things about 
Photoshop is the endless choice when it comes to 
creating variations of the work produced. For 
example, you can stop here and the end result is 
powerful, but there is so much more you can do. 
Try adding a new Photo Filter layer at the top of the 
layers palette and experiment with colour 
combinations. Move this layer below the flying 
saucer layers and the colour shift can be applied to 
the background only, with differing results. Adding 
extra textures, lighting, vignetting and layer 
combinations will provide lots of options to try. 



■ RETRO FREEBIES! 

Most available plugins that offer great retro 
effects offer a cut-down or time-limited version 
to try for free. This is a great way to check out 
what is on offer and make sure that you like the 
look and feel of the software before committing 
to purchase, as well as the choice of effects on 
offer. There are also a huge range of low cost, or 
free, actions available online for you to try out 
and use to experiment using on your work. 
Places like deviantART are a great starting point, 
where the filters are often created by creatives, 
which can really help! 



PLUGINS 

! This retro tutorial would not be complete 
without recognising halftones and their importance 
to the feel of vintage printed material. The effect of 
separating the colours into colour dots, which 
combine to create the whole image, adds a feel to 
graphics that is used by many retro digital artists. 
Photoshop includes halftone filter options to try 
(Filter>Pixelate>Color Flalftone). Flowever, there are 
some great options on the market such as 
Permanent Press bywww.Misterretro.com. Version 
2 offers a range of retro tools, including lots of 
halftone effects to explore. 
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Redesign a website 


REDESIGN A SITE 

I LEARN HOW TO RECONSTRUCT CONTENT AND USER 
I EXPERIENCE WHEN YOU REDESIGN A WEBSITE 


E ven if you think you planned for everything, 
and it seems to be a perfectly thought out 
user experience, it can get lost when 
attention to certain details falls short. The 
practical approaches for designing better UX cover 
mobile apps, adaptive systems, and multiscreen 
experiences. Explore the strengths and weaknesses 
of infinite scrolling, and take a look at how well 
crafted feedback loops can influence a user’s 
behaviour. Consider mobile UX, take the index 
fingertip into consideration as the user’s navigation 
tool, and focus on the information, rather than just 
impressing the user with design. 

This tutorial will take you through how to design 
a better, more modern user experience, thinking 


about reconstructing content and modules from an 
existing website, and how to lay it out with a simple 
wireframe before starting to design the Ul work. 
Discover what you should think about while 
designing the content for multiple screens and 
devices, as well as adding your own gimmicks to the 
user experience and interface design. All you need 
to complete this tutorial is Photoshop for setting up 
your web design layout, and Illustrator to create 
icons and design decals for the user interface. 
Wireframes can be achieved in any software or 
online tool you feel comfortable drawing in. 
Personally I would definitely recommend Go 
Mocking Bird (www.gomockingbird.com) as a 
great tool for wireframes. 


■ REVIEW AND PLAN YOUR DESIGN 

LOOK AT WHAT EXISTS THEN WORK ON THE WIREFRAMING 


m l REVIEW EXISTING CONTENT AND UX 

I Let’s start out by reviewing the current 
branding, colours, modules and sections before we 
start to reconstruct the new UX. Think about how the 
content can be easily discovered by the eye, and how 
it can be cleaned up. How can the interface offer the 
same features and content in an exciting way, but at 
the same time keep the amount of content intact? 


I UX AND WIREFRAMING 

I I started out by wireframing and 
reconstructing the current front page content of the 
website. The key focus was doing something 
scalable, responsive and creative for the header 
theme, and having the important modules stick up 
from the bottom for the user to review and discover 
as a second attention pull-in. 




riQ I SET UP PHDTDSHDP FDR WEB DESIGN 

I I normally design in 1600px width, including 
a 60px bleed on both sides of the page. Make sure 
your dpi is set to 72; don’t worry, all icons and logos 
in this tutorial will be Vector Smart Objects and SVG 
ready. I’m also going to give it a good height since 
the front page will have a lot of content stacked 
underneath the main cover header. 




OUR EXPERT 
ROLF A JENSEN 

www.rolfjensen.no 

@rolfajensen 

Rolf A Jensen is an international 
award-winning Norwegian art 
director, former designer and 
co-founder of Good Morning, 
currently working as a contractor for 
Microsoft, Avid International, 
Watson/DG and Urbandaddy. 


■WORK IN 
PROGRESS 

WIREFRAMES, COMPING, 
FINAL 



Progress 1 : Develop and work 
on the wireframes 



Progress 2: The front page 
interface design 



Progress 3: Create cool 
decals and icons 
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design the header images. Choosing to focus on the 


selection tools, I opted to create a template story 
based on this subject, including creating decor in 
Illustrator that fits the subject to add to the imagery. 
Copy (Cmd/Ctrl+C) and paste (Cmd/Ctrl+V) them into 
your Photoshop document and place them in a fitting 
position. Ensure these graphics are engaging and 
refined as the first chance to grab attention. 



to create a few interesting selection decals, move on 
to the functionality graphics such as navigation. 


social outcalls, article title and action button. I used a 
font called Lato (www.google.com/fonts) for the 
entire website. You’re welcome to play with this as 
you please, it won’t really affect the overall workflow. 
Open the logo in Illustrator, select and copy and paste 
it back into your Photoshop design - to make sure 
it’s possible for your developer to easily convert. 
Convert it to an SVG (Retina and smartphone-ready 
graphic). Always make sure all your graphics are 
Vector Smart Objects, besides basic background 
shapes and fonts that are easily done in CSS. 



CONTENT MODULES IN FOCUS 

I Moving on to the next section of the 
website, we have some of the most important 
modules popping up from the bottom of the 
browser window and realigning themselves based 
on window resolution. This helps the user 
understand that there’s more content to be 
discovered if the website is scrolled, so it’s a key 
factor to make it work in the CSS cross-platform. I 
took the existing gallery and artwork modules from 
the website and placed them with a dynamic 
background graphic, which changes based on the 
latest submission or editor’s choice [image]. The 
shortcuts modules underneath are simply links that 
lead to the latest articles posted by an admin in that 
specific category - it’s handy to have on the top as it 
would change often. 



m QUICKTIP 

Always keep the copy and paste workflow between Illustrator and Photoshop close at hand. Copy and 
paste a vector (SVG-ready object) from Illustrator to Photoshop as a Vector Smart Object. This mostly 
applies to graphics and icons. Typography and basic square shapes can still be made in Photoshop as 
they’re easy things for the developer to re-create himself in CSS. 




ri^y I ARTICLE MODULES 

U / I The first thing landing on the grey background, after the top content, is a mix of all latest articles and 
tutorials with thumbnails and labels. Include a ‘More’ button leading to a list view, sorted by dates, of all 
archived articles. Again, while doing the list view on the button, make sure the icon is made in Illustrator, and 
pasted into Photoshop as a Vector Smart Object. The green button could just be done as a raster shape 
straight in Photoshop; it could easily be remade with pure CSS later, and would not need to be an SVG file. 


riQ I NEWS SECTION 

LJO 1 1 chose to do the news section fairly simply, 
just including the date, title and introductory text. 
Since we already have the article section with 
thumbnails I didn’t want to visually overload the front 
page with more thumbnails. The news items would 
work more as a blend of tweets and updates rather 
than full articles and tutorials. 
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■ DESIGN THE INTERFACE 

CONSIDER THE WEBSITE'S USER FUNCTIONALITY 

Q Alin etit < « 




QQ 1 ARTWORK CATEGORIES 

LJO I Towards the bottom of the 
website, I chose to follow the structure 
of the current Advanced Photoshop 
website, but I minimised the number of 
gallery modules on the front page and 
kept everything in one module. 
Introducing the most popular and active 
gallery category entries, including a 
count of total entries in each category 
and a View Full Gallery index icon. The 
user would also be able to discover 
more and less popular galleries by 
clicking on the More button underneath 
the thumbnails. 


' Make sure to save 
' the design in 
750x1 334px (if you are 
on an iPhone 6 or 
similar) and see how it 
feels to touch the 
buttons and read the 
fonts in the design JJ 


© 



^ ri I TWIHER POOL AND FOOTER 

I LJ h placed the feed from Twitter at the bottom of the 
website, simply because it’s not a module the regular user 
visiting the website would look for. The content is simply less 
relevant than the user and editor-driven artwork modules. The 
footer is a simplified version of the existing website footer with 
less content, which is narrowed down to Advanced Photoshop 
related features more than global Imagine Publishing features. 



1 ^ I DESKTOP TO MOBILE 

I I Converting the design to 
mobile is fairly simple, since we 
designed everything in a 4x grid. 
It’s more or less a matter of 
stacking the modules 
underneath each other and 
scaling up icons and fonts to be 
more visible for the smaller 
mobile screens. A rule of thumb I 
go by often is to have no fonts 
underneath 24 points; most of 
the time it’s just annoying for the 
eyes to read them, and since this 
is a website packed with articles 
and goodies to read, let’s make 
sure it’s easy to soak up. 
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■ CREATE ICONS AND DECOR 

ICONS AND DECOR ARE IMPORTANT TOOLS FOR USER INTERACTION 




MOBILE 
DRILL DOWN 


Besides stacking the 
content underneath 
each other, you can 
scale down by 
making sure that the 
smallest fonts are 24 
points. I used 36 
points for titles and 
buttons. Make sure to 
save the design in 
750x1 334px (if you 
are on an iPhone 6 or 
similar) and see how 
it feels to touch the 
buttons and read the 
fonts in the design 
before amending. 




MOBILE 

NAVIGATION 


The navigation element of 
the website is done by the 
classic hamburger icon, 
which expands the full 
navigation into a 
full-screen mode and 
turns into a Close button. 
Log in and Sign up buttons 
are included to save space 
on the mobile front page. 
The social media outcalls 
are placed at the bottom 
with the intention of having 
them available as part of 
the navigation element, a 
section the user will 
frequently open. 


U | MOBILE ICONS AND IMAGERY 

I Make sure that all the imagery used is saved in double the pixel 
size from your original, to make sure it won’t turn out blurry on screens 
with higher dpi than 72. 1 scaled up my Vector Smart Object icons from a 
25px radius to a 50px radius, simply to make it more comfortable for 
the smaller phone screens with higher dpi. 







Kemdtr't 

::: 



m 

Ptiatailipp Tipi 


Hwvt AvvIawi 
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^ n I DECOR AND DETAILS 

I %J I Making a clean and sophisticated interface, but keeping it creative with its own 
gimmick, is often hard. Sometimes just placing a few additional graphical elements into 
the Ul is enough. I thought placing the initials of Advanced Photoshop behind some of the 
top content sections would be a nice touch. I also placed in additional lines and graphics on 
the article/tutorial page, which you’ll see in the next thumbnail. This gives a more arty 
touch to the tutorial page. 


■ QUICKTIP 

Drag one section over from your original desktop design PSD to your mobile PSD and 
scale the elements up directly in the new document. Don’t spend time on redesigning 
everything from scratch. After all it’s mostly a matter of re-stacking it and re-scaling 
fonts and icons. 
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■ BE AWARE OF DPI 

Keep in mind that all illustrations you are doing 
for the icons should be kept to a two point 
thickness, since that’s used on the lines 
throughout the website already. Make the DPI 
of your Illustrator document, that you are using 
for creating your icons, the same as your 
Photoshop setup. Although many tablets and 
smartphones have higher resolution screens 
than this, it’s still the standard for web designs, 
principally because the smaller file size means 
that page elements load quicker. If you do need 
to scale up any of your illustrations, make sure 
that they’re Vector Smart Objects so that they 
can be scaled up without losing clarity. 





TUTORIAL 

ARTICLE 


Doing a sample of the 
tutorial page, I chose 
to focus on giving it a 
more magazine-like 
layout simply to keep 
the user more visually 
interested while 
scrolling down the 
content and reading 
the tutorial. Each of 
the steps would be 
labelled from left to 
right going down, 
including a title and 
introductory text 
featured on the top of 
the page. 


iiirpi HIM-, 4i*riiin 


■.iricn 






^ fy I VIEWS, ACTIVITY AND COMMENTING 

I / I The lower part of the tutorial page shows the popularity of the 
article in a simple graph. There is also a user comment section that 
allows registered users to comment and share their thoughts and 
feedback on the article. 


^ Q FINAL DECOR 

I O I added some final decor to the interface to make it more than just a simple 
interactive magazine layout, with a signature style of illustration and the Advanced 
Photoshop initials. Know your balance when it comes to these details, don’t kill the 
balance of the page, just add that little extra something that shows that you care about the 
details and finding your own gimmick. Since it’s interactive, you can always have your 
developer place these in CSS, so they slide behind the front content when the user scrolls 
down on the page. 
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Enjoyed 
this book? 



Exclusive offer for new 



*This offer entitles new UK direct debit subscribers to receive their first three issues for £5. After these issues, subscribers will then pay 
£25.1 5 every six issues. Subscribers can cancel this subscription at any time. New subscriptions will start from the next available issue. Offer 
code ZGGZIN must be quoted to receive this special subscriptions price. Direct debit guarantee available on request. 

**This is a US subscription offer. The USA issue rate is based on an annual subscription price of £65 for 13 issues, which is equivalent to 
$102 at the time of writing compared with the newsstand price of $15.50 for 13 issues being $201. 50. Your subscription will start from the 
next available issue. 






Advanced Photoshop 
can help you! 

Professional techniques 

Over 35 pages of tutorials by Photoshop experts in 
every issue, with free project files on FiieSilo.co.uk 

In-depth features 

Explore the latest cutting-edge trends in detail 

Join the community 

Become part of the Advanced Photoshop 
community to rate and comment on images 


subscribers to... 


ASNANCED 

PHOTOSHOP 


Try 3 issues for £5 in the UK* 
or just $7.85 per issue in the USA** 

(saving 49% off the newsstand price) 

For amazing offers piease visit 

www.imaginesubs.co.uk/aps 

Quote code ZGGZIN 

Or telephone UK 0844 848 8402 overseas +44 (0) 01 795 592 880 



YOUR FREE RESOURCES 

Log in to filesilo.co.uk/bks-647 and download your great resources NOW! 




filesilo.co.uk/bks-647 



ON FILESILO WITH THIS 
BOOKAZINE, FREE AND 
EXCLUSIVE FOR THE 
PROFESSIONAL PHOTOSHOP 
BOOK READERS, YOU WILL FIND A 
WEALTH OF RESOURCES, 
INCLUDING... 

* 11 tutorial files, including everything you 
need to recreate the incredible art 
featured in this book 

• Over 6 hours’ worth of video tuition 

• Assets including more than 1000 brushes 
and premium fonts 

* 22 wallpaper images and 15 stock images 
to use to practise your new skills 
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FILESILO - THE HOME OF PRO RESOURCES 

Discover your free online assets 


9 A rapidly growing library 
3 Updated continually with cool resources 
9 Lets you keepyour downloads organised 
L, Browse and access your content from anywhere 
9 No more torn disc pages to ruin your magazines 


$ No more broken discs 
S Print subscribers get all the content 
8 Digital magazine owners get all the content too! 
8 Each issue's content is free with your magazine 
3 Secureonlineaccesstoyourfree resources 



This is the new FileSilo site that replaces 
your disc. You’ll find it by visiting the link on 
the following page 


The first time you use FileSilo, you’ll need to 
register. After that, you can use your email 
address and password to log in 



The most popular downloads are shown in 
the carousel here, so check out what your 
fellow readers are enjoying 



If you’re lookingfor a particular type of 
content, like software or video tutorials, 
use the filters here to refine your search 


Whether it’s Photoshop tutorials or assets, 
categories make it easy to identrfy the 
content you’re lookingfor 


See key details for each resource 
including number of views and 
downloads, and the community rating 


Find out more about our online stores, and 
useful FAQs, such as our cookie and 
privacy policies and contact details 


Discover our fantastic sister magazines 
and the wealth of content and information 
that they provide 
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HOW TO USE 

EVERYTHING YOU NEED TO KNOW ABOUT 
ACCESSING YOUR NEW DIGITAL REPOSITORY 



To access FileSilo, please visit filesilo.co.uk/bks-647 


/^l Followthe 
V_/_L on-screen 
i nstructions to create an 
account with our secure 
FileSilo system, log in and 
unlock the bookazine by 
answering a 
simple question 
about it. You can 
now access the 
content forfree 
at any time. 



Once you have 
logged in, you are 
free to explore the wealth of 
content available on 
FileSilo, from great video 
tutorials and online guides 
to superb downloadable 
resources. And the more 
bookazines you purchase, 

; the more your instantly 
accessible collection of 
‘ digital content will grow. 


You can access 
FileSilo on any 
desktop, tablet or 
smartphone device using 
; any popular browser (such 
; asSafari,FirefoxorGoogle 
: Chrome). However, we 
■ recommend that you use a 
; desktopto download 
; content, asyou may not be 
; abletodownloadfilesto 
, your phone ortablet. 




C^/\ Ifyou have any 
V_/ problems with 
accessing content on 
FileSilo, orwith the 
registration process, take a 
look at the FAQs online or 
email filesilohelp® 
imagine-publishing.co.uk. 
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NEED HELP WITH 
THE TUTORIALS? 


Having trouble with any of the techniques in this bookazines tutorials? Don’t know 
how to make the best use of your free resources? Want to have your work critiqued 
by those in the know? Then why not visit the Advanced Photoshop and Imagine 
Bookazines Facebook pages for all your questions, concerns and qualms. There is a 
friendly community of fellow Photoshop professionals waiting to help you out, as well 
as regular posts and updates from the team behind Advanced Photoshop magazine. 
Like us today and start chatting! ^ 


facebook.com/lmagineBookazines 

facebook.com/AdvancedPhotoshop 
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Professional 


Create Stunning images with 
this expert guide, packed with 
in-depth tutorials and essential 
advice from the pros 


FREE DOWNLOADS 

Online assets free for all readers 


The ultimate creative resources 
you need to follow the tutorials: 

✓ Assets worth over £1 00 

✓ Stock images to practise your skills 

✓ Over six hours of video guides 


From the makers of 
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